:root{--bg: #FAF7F2;--surface: rgba(255, 252, 247, .75);--surface-hover: rgba(255, 252, 247, .92);--text: #2C2C2C;--text-secondary: #6B6B6B;--text-muted: #9B9B9B;--vermilion: #C43D3D;--vermilion-soft: rgba(196, 61, 61, .08);--gold: #C49B4C;--gold-soft: rgba(196, 155, 76, .08);--ink-blue: #1C2838;--ink-blue-soft: rgba(28, 40, 56, .08);--jade: #2D8B6E;--jade-soft: rgba(45, 139, 110, .08);--glass-border: rgba(180, 170, 155, .2);--glass-border-hover: rgba(180, 170, 155, .35);--glass-shadow: 0 4px 32px rgba(60, 40, 20, .06);--glass-shadow-hover: 0 16px 48px rgba(60, 40, 20, .11);--glass-highlight: rgba(255, 255, 255, .5);--radius-sm: 12px;--radius: 22px;--radius-lg: 28px;--gap: 1.5rem;--section-gap: 2.5rem;--section-gap-sm: 1.2rem;--max-width: 1000px;--font: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Consolas", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--bg: #141C26;--surface: rgba(24, 32, 46, .7);--surface-hover: rgba(28, 38, 54, .85);--text: #E8E4DD;--text-secondary: #A8A49B;--text-muted: #6E6B64;--glass-border: rgba(120, 110, 95, .25);--glass-border-hover: rgba(160, 145, 120, .4);--glass-shadow: 0 4px 32px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .45);--glass-highlight: rgba(255, 255, 255, .04);--vermilion-soft: rgba(196, 61, 61, .18);--gold-soft: rgba(196, 155, 76, .15);--ink-blue-soft: rgba(100, 140, 180, .15);--jade-soft: rgba(45, 139, 110, .15)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;line-height:1.7;background-image:radial-gradient(ellipse at 8% 15%,rgba(196,61,61,.04) 0%,transparent 50%),radial-gradient(ellipse at 88% 80%,rgba(196,155,76,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(45,139,110,.02) 0%,transparent 60%);transition:background .5s var(--ease-out-expo),color .5s var(--ease-out-expo)}.container{max-width:var(--max-width);width:100%;display:flex;flex-direction:column;gap:var(--section-gap)}.brand-section{text-align:center;animation:fadeUpIn .7s var(--ease-out-expo) both}.brand-section .logo{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:850;letter-spacing:-.03em;background:linear-gradient(135deg,#c43d3d,#8b2d2d,#c49b4c 70%,#c43d3d);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientShift 6s ease-in-out infinite;display:inline-block}.brand-section .subtitle{display:block;margin-top:.6rem;font-size:1.05rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em;animation:fadeUpIn .7s var(--ease-out-expo) .1s both}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.intro-section{text-align:left;max-width:560px;margin:0 auto;margin-top:calc(var(--section-gap-sm) - var(--section-gap));animation:fadeUpIn .7s var(--ease-out-expo) .2s both}.intro-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.85;letter-spacing:.02em;text-indent:2em;margin-bottom:.6rem}.intro-section p:last-child{margin-bottom:0}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);animation:fadeUpIn .7s var(--ease-out-expo) .3s both}.card{background:var(--surface);backdrop-filter:blur(18px);border-radius:var(--radius);padding:2rem 1.8rem;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .45s var(--ease-out-expo);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:default}.card:after{content:"";position:absolute;inset:0;background:var(--glass-highlight);opacity:0;transition:opacity .45s;pointer-events:none;border-radius:var(--radius)}.card:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);background:var(--surface-hover)}.card:hover:after{opacity:1}.card>*{position:relative;z-index:1}.card-icon{font-size:2rem;margin-bottom:.7rem;display:inline-block;width:fit-content;transition:transform .45s var(--ease-spring)}.card:hover .card-icon{transform:scale(1.1)}.card h2{font-size:1.25rem;font-weight:700;margin-bottom:.35rem}.card .card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7;flex:1;margin-bottom:1.2rem}.card .card-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:650;text-decoration:none;font-size:.9rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);transition:all .35s;align-self:flex-start}.card-news{border-left:4px solid rgba(196,61,61,.5)}.card-news .card-link{color:#b03a3a;background:var(--vermilion-soft)}.card-gold{border-left:4px solid rgba(196,155,76,.5)}.card-gold .card-link{color:#8b6914;background:var(--gold-soft)}.card-blog{border-left:4px solid rgba(28,40,56,.45)}.card-blog .card-link{color:#1c2838;background:var(--ink-blue-soft)}.card-service{border-left:4px solid rgba(45,139,110,.45)}.card-service .card-link{color:#1f6b52;background:var(--jade-soft)}.footer{text-align:center;animation:fadeUpIn .7s var(--ease-out-expo) .4s both;padding-top:.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.footer .copyright{font-size:.85rem;font-weight:700;color:var(--text)}.footer .email-line{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.footer .email-link{color:var(--gold);text-decoration:none;font-weight:500;cursor:pointer;border-bottom:1px solid transparent}.footer .email-link:hover{color:var(--vermilion);border-bottom-color:var(--vermilion)}.footer .timer-line{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.footer .timer-display{font-family:var(--font-mono);font-weight:700;font-size:.95rem;background:linear-gradient(90deg,#e84848,#f0a030,#e8d44d,#48c060,#4098e0,#7848d8,#d84898,#e84848);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowFlow 3s linear infinite}@keyframes rainbowFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.email-toast-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:#0000004d;backdrop-filter:blur(4px);animation:overlayIn .25s}.email-toast{background:#1e232deb;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:2rem 2.2rem;text-align:center;max-width:380px;width:90%;color:#e8e4dd;animation:toastIn .35s var(--ease-spring)}.email-toast .toast-icon{font-size:1.8rem;margin-bottom:.6rem}.email-toast .toast-title{font-weight:700;font-size:1rem;margin-bottom:.4rem}.email-toast .toast-email{font-family:var(--font-mono);font-size:.9rem;color:#f0c060;background:#ffffff0f;padding:.35rem .8rem;border-radius:6px;display:inline-block;margin-bottom:.8rem}.email-toast .toast-question{font-size:.9rem;color:#c0bbb2;margin-bottom:1.2rem}.email-toast .toast-buttons{display:flex;gap:.8rem;justify-content:center}.email-toast .btn-cancel,.email-toast .btn-confirm{padding:.55rem 1.6rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:none}.email-toast .btn-cancel{background:#ffffff1a;color:#c0bbb2}.email-toast .btn-confirm{background:#c43d3d;color:#fff}.email-toast .btn-confirm:hover{background:#d94a4a;transform:translateY(-1px);box-shadow:0 4px 16px #c43d3d59}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){body{padding:1.8rem 1rem}.works-grid{grid-template-columns:1fr}.card{padding:1.6rem 1.4rem}.brand-section .logo{font-size:2.2rem}}@media(max-width:480px){body{padding:1.2rem .75rem}.card{padding:1.4rem 1.1rem;border-radius:var(--radius-sm)}.brand-section .logo{font-size:1.9rem}}