:root{
      color-scheme:light;
      --bg-primary:#f5f5f7;
      --bg-secondary:#fff;
      --bg-card:#fff;
      --text-primary:#1d1d1f;
      --text-secondary:#515154;
      --muted:#86868b;
      --accent:#ae8555;
      --accent-2:#8a6a43;
      --accent-dark:#6f5130;
      --line:rgba(0,0,0,.08);
      --glow:rgba(174,133,85,.16);
      --nav-height:88px;
      --surface-soft:#f0f0f2;
      --surface-raised:#fff;
      --nav-bg:rgba(255,255,255,.84);
      --nav-bg-active:rgba(255,255,255,.94);
      --nav-text:#1d1d1f;
      --card-shadow:0 18px 44px rgba(0,0,0,.08);
      --hero-overlay:linear-gradient(180deg,transparent 48%,rgba(255,255,255,.08) 100%);
    }
    :root[data-theme="dark"]{
      color-scheme:dark;
      --bg-primary:#09090d;
      --bg-secondary:#111116;
      --bg-card:rgba(24,24,31,.72);
      --text-primary:#fffaf0;
      --text-secondary:#b8b3a7;
      --muted:#7f7a70;
      --accent:#ae8555;
      --accent-2:#d7b783;
      --accent-dark:#6f5130;
      --line:rgba(255,255,255,.1);
      --glow:rgba(174,133,85,.28);
      --surface-soft:#111116;
      --surface-raised:rgba(24,24,31,.72);
      --nav-bg:rgba(9,9,13,.78);
      --nav-bg-active:rgba(9,9,13,.88);
      --nav-text:#fffaf0;
      --card-shadow:0 24px 80px rgba(0,0,0,.28);
      --hero-overlay:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72) 100%);
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;overflow-x:hidden}
    body{font-family:'Manrope',sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .32s ease,color .32s ease}
    :root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-ease-soft:cubic-bezier(.22,.61,.36,1);--motion-fast:260ms;--motion-mid:520ms;--motion-slow:760ms}
    body::after{content:'';position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 40%,rgba(174,133,85,.12),transparent 36%),var(--bg-primary);pointer-events:none;opacity:1;transition:opacity .86s var(--motion-ease),visibility 0s .86s}body.motion-ready::after{opacity:0;visibility:hidden}body.section-transition::after{opacity:.16;visibility:visible;transition:opacity .34s var(--motion-ease)}
    body::before{content:'';position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 20% 8%,rgba(174,133,85,.10),transparent 34%),radial-gradient(circle at 90% 18%,rgba(255,255,255,.7),transparent 30%),linear-gradient(135deg,#f5f5f7 0%,#ffffff 46%,#f0f0f2 100%);transition:opacity .32s ease,background .32s ease}
    :root[data-theme="dark"] body::before{background:radial-gradient(circle at 20% 8%,rgba(174,133,85,.23),transparent 34%),radial-gradient(circle at 90% 18%,rgba(96,86,70,.25),transparent 30%),linear-gradient(135deg,#08080c 0%,#111117 46%,#08080c 100%)}
    .font-display{font-family:'Fraunces',serif}
    #webgl-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.45;pointer-events:none}
    .noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}
    .container-page{width:min(100% - 40px,1480px);margin-inline:auto}
    .glass-card{background:var(--bg-card);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border:1px solid var(--line);border-radius:28px;box-shadow:var(--card-shadow);transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,color .32s ease,transform var(--motion-mid) var(--motion-ease)}
    .gradient-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-2) 42%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent-2);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
    .eyebrow::before{content:'';width:28px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
    .btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:999px;font-weight:800;line-height:1;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;color:#fff;text-decoration:none;white-space:nowrap}
    .btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#caa06c 100%);box-shadow:0 18px 48px rgba(174,133,85,.28)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(174,133,85,.38)}
    .btn-outline{background:rgba(255,255,255,.28);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);color:var(--accent-2)}
    .btn-outline:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 58%,transparent);transform:translateY(-2px)}
    :root[data-theme="dark"] .btn-outline{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:#fff}
    :root[data-theme="dark"] .btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(215,183,131,.45)}
    .nav-shell{position:fixed;top:16px;left:0;right:0;z-index:80;transition:all .35s ease;pointer-events:none}
    .nav-inner{pointer-events:auto;width:min(100% - 40px,1480px);margin-inline:auto;padding:14px 16px;border:1px solid transparent;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:all .35s ease}
    .nav-shell.nav-blur .nav-inner,.nav-shell.menu-open .nav-inner{background:var(--nav-bg-active);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--line);box-shadow:0 18px 60px rgba(0,0,0,.12)}
    .brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--nav-text);font-weight:900;letter-spacing:-.03em}
    .brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#2f3943);display:grid;place-items:center;font-size:13px;color:#fff;box-shadow:0 10px 28px rgba(174,133,85,.25);flex:0 0 auto;overflow:hidden;transition:width .25s,height .25s}
    .brand-mark.has-logo{background:transparent;box-shadow:0 6px 24px rgba(0,0,0,.35)}
    .brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
    .brand-logo-img{display:block;height:38px;width:auto;max-width:160px;object-fit:contain;flex:0 0 auto}
    @media(max-width:767px){.brand-mark{width:36px;height:36px}.brand-logo-img{height:30px;max-width:120px}}
    .brand-text{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
    .nav-links a,.nav-login{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:700;padding:12px 16px;border-radius:999px;transition:all .2s ease;white-space:nowrap}
    .nav-links a:hover,.nav-login:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent)}
    .nav-contact-wrap{position:relative;display:inline-flex;align-items:center}.nav-contact-trigger{position:relative}.nav-contact-trigger::after{content:'';position:absolute;left:18px;right:18px;bottom:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transform:scaleX(.42);transition:opacity .24s var(--motion-ease),transform .24s var(--motion-ease)}.nav-contact-wrap:hover .nav-contact-trigger::after,.nav-contact-wrap:focus-within .nav-contact-trigger::after{opacity:1;transform:scaleX(1)}
    .nav-contact-panel{position:absolute;top:calc(100% + 14px);right:-18px;width:min(760px,calc(100vw - 56px));padding:18px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:28px;background:color-mix(in srgb,var(--surface-raised) 92%,transparent);backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);box-shadow:0 28px 90px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.985);transform-origin:top right;transition:opacity .28s var(--motion-ease),transform .28s var(--motion-ease),visibility 0s .28s}.nav-contact-wrap:hover .nav-contact-panel,.nav-contact-wrap:focus-within .nav-contact-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .28s var(--motion-ease),transform .28s var(--motion-ease),visibility 0s 0s}.nav-contact-panel::before{content:'';position:absolute;top:-18px;left:0;right:0;height:18px}.nav-contact-panel-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.nav-contact-panel-head strong{font-size:16px;color:var(--text-primary)}.nav-contact-panel-head span{font-size:12px;color:var(--muted);font-weight:800}.nav-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
    .nav-login{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:auto;border:0;background:transparent;line-height:1;cursor:pointer;box-shadow:none;font-family:inherit}
    .nav-login svg{width:14px;height:14px;stroke-width:2.2;opacity:.72}
    .theme-toggle{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 76%,transparent);color:var(--nav-text);cursor:pointer;transition:transform .24s var(--motion-ease),background .24s ease,border-color .24s ease,box-shadow .24s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
    .theme-toggle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
    .theme-toggle-icon{position:relative;width:17px;height:17px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent);transition:transform .28s var(--motion-ease),border-radius .28s var(--motion-ease),background .28s ease}
    .theme-toggle-icon::before,.theme-toggle-icon::after{content:'';position:absolute;inset:auto;border-radius:999px;transition:opacity .24s ease,transform .28s var(--motion-ease),background .28s ease}
    .theme-toggle-icon::before{width:7px;height:7px;right:-2px;top:1px;background:var(--surface-raised);opacity:0;transform:scale(.8)}
    .theme-toggle-icon::after{width:4px;height:4px;left:50%;top:-7px;background:var(--accent-2);box-shadow:0 23px 0 var(--accent-2),12px 12px 0 var(--accent-2),-12px 12px 0 var(--accent-2);opacity:0;transform:translateX(-50%) scale(.72)}
    .theme-toggle[data-mode="light"] .theme-toggle-icon::after{opacity:1;transform:translateX(-50%) scale(1)}
    .theme-toggle[data-mode="dark"] .theme-toggle-icon{background:#2f3943;box-shadow:0 0 0 5px rgba(47,57,67,.10)}
    .theme-toggle[data-mode="dark"] .theme-toggle-icon::before{opacity:1;transform:scale(1)}
    .theme-toggle[data-mode="system"] .theme-toggle-icon{border-radius:6px;background:linear-gradient(135deg,var(--accent) 0 48%,#2f3943 52% 100%)}
    .theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .mobile-theme-toggle{display:none}
    .menu-toggle{display:none;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-raised) 78%,transparent);color:var(--nav-text);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;min-height:40px}
    .mobile-menu{visibility:hidden;opacity:0;pointer-events:none;position:relative;z-index:79;width:min(100% - 32px,1480px);margin:10px auto 0;padding:10px;border:1px solid var(--line);border-radius:24px;background:var(--nav-bg-active);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 22px 70px rgba(0,0,0,.16);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),visibility 0s .32s;transform:translateY(-16px) scale(.985);transform-origin:top center;contain:layout paint}
    .mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;color:var(--text-primary);text-decoration:none;font-weight:800;border-bottom:1px solid var(--line);opacity:0;transform:translateY(-8px);transition:opacity .34s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1),background .2s ease,color .2s ease}
    .mobile-menu a:nth-child(1){transition-delay:0ms}.mobile-menu a:nth-child(2){transition-delay:35ms}.mobile-menu a:nth-child(3){transition-delay:70ms}.mobile-menu a:nth-child(4){transition-delay:105ms}.mobile-menu a:nth-child(5){transition-delay:140ms}
    .mobile-menu a:last-child{border-bottom:0;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-2)}
    .mobile-menu a:active{transform:translateY(0) scale(.985);background:color-mix(in srgb,var(--accent) 12%,transparent)}
    .mobile-menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),visibility 0s 0s}
    .mobile-menu.open a{opacity:1;transform:translateY(0)}
    .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:132px 0 76px;overflow:hidden}
    .hero::after{content:'';position:absolute;right:-18vw;top:14vh;width:46vw;height:46vw;border:1px solid rgba(174,133,85,.16);border-radius:50%;box-shadow:inset 0 0 80px rgba(174,133,85,.08);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:72px;align-items:center;position:relative;z-index:1}
    .hero-title{font-size:clamp(58px,8.6vw,132px);line-height:.93;letter-spacing:-.065em;font-weight:800}
    .hero-subtitle{max-width:640px;color:var(--text-secondary);font-size:clamp(17px,1.5vw,22px);line-height:1.8}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
    .stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;max-width:620px}
    .stat-pill{padding:18px;border-radius:22px;background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--card-shadow)}
    .stat-pill strong{display:block;font-size:26px;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}.stat-pill span{display:block;margin-top:8px;font-size:13px;color:var(--muted)}.stat-pill.is-pressed strong{transform:scale(.97)}
    :root[data-theme="dark"] .stat-pill{background:rgba(255,255,255,.045);box-shadow:none}
    .hero-visual{position:relative;max-width:580px;margin-inline:auto;width:100%}
    .hero-frame{position:relative;overflow:hidden;border-radius:36px;aspect-ratio:4/5;background:var(--surface-soft);box-shadow:0 36px 100px rgba(0,0,0,.14),0 0 0 1px var(--line)}
    .hero-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.02)}
    .hero-frame::after{content:'';position:absolute;inset:0;background:var(--hero-overlay)}
    .status-card{position:absolute;left:22px;right:22px;bottom:22px;z-index:1;padding:18px 20px;border-radius:22px;background:color-mix(in srgb,var(--surface-raised) 72%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);color:var(--text-primary)}
    .status-card small{display:block;color:var(--muted);margin-bottom:6px}.status-card strong{display:flex;align-items:center;gap:8px}.status-card strong::before{content:'';width:8px;height:8px;border-radius:999px;background:#69d391;box-shadow:0 0 0 6px rgba(105,211,145,.12)}
    section{position:relative;padding:112px 0;scroll-margin-top:110px}.section-head{max-width:760px;margin:0 auto 56px;text-align:center}.section-title{font-size:clamp(36px,5vw,72px);line-height:1.05;letter-spacing:-.045em;font-weight:800;margin-top:16px}.section-desc{color:var(--text-secondary);line-height:1.85;margin-top:18px;font-size:17px}
    .about-grid{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:56px;align-items:start}.sticky-copy{position:sticky;top:132px}.timeline{display:grid;gap:18px}    .timeline-card{padding:28px}.timeline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.timeline-card h3{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.timeline-card .company{color:var(--accent-2);font-weight:700;margin-top:6px}.timeline-card .period{font-size:12px;color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:8px 10px;border-radius:999px;white-space:nowrap}.timeline-card p{color:var(--text-secondary);line-height:1.82}.company-tags,.about-proof-label,.about-promise-tags,.about-desc-short,.project-tags{display:none}.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.about-stat{padding:22px 14px;text-align:center}.stat-number{font-size:clamp(34px,4.4vw,60px);font-weight:900;line-height:1;letter-spacing:-.05em}
    .projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{overflow:hidden;transition:transform .35s ease,border-color .35s ease}.project-card:hover{transform:translateY(-6px);border-color:rgba(215,183,131,.28)}.project-media{aspect-ratio:16/10;overflow:hidden;background:#161616}.project-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-image{transform:scale(1.06)}.project-body{padding:28px}.meta-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.badge{font-size:12px;color:#f0d4a8;background:rgba(174,133,85,.14);border:1px solid rgba(174,133,85,.24);border-radius:999px;padding:6px 10px;font-weight:800}.year{font-size:12px;color:var(--muted)}    .project-body h3{font-size:24px;font-weight:850;letter-spacing:-.03em;margin-bottom:10px;color:var(--text-primary)}.project-body p{color:var(--text-secondary);line-height:1.75;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2);font-weight:800;text-decoration:none;transition:color .2s ease}.text-link:hover{color:var(--accent)}
    .skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.skill-card{position:relative;padding:30px;overflow:hidden}.skill-card.featured{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));box-shadow:0 22px 58px rgba(174,133,85,.14),inset 0 1px 0 rgba(255,255,255,.18)}.skill-card.featured::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 0%,rgba(215,183,131,.82) 38%,rgba(174,133,85,.22) 58%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}.icon-box{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,rgba(174,133,85,.18),rgba(47,57,67,.10));display:grid;place-items:center;color:var(--accent-2);margin-bottom:22px}.skill-card h3{font-size:23px;font-weight:850;margin-bottom:12px;color:var(--text-primary)}.pricing-price{display:inline-flex;margin-bottom:14px;padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-2);font-size:13px;font-weight:900}.pricing-standard{margin-bottom:18px;color:var(--text-secondary);font-size:14px;line-height:1.72}.pricing-note{position:relative;z-index:1;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--accent-2);font-size:13px;font-weight:800;line-height:1.65}.skill-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}.skill-tag{display:inline-flex;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 78%,transparent);border:1px solid var(--line);color:var(--text-secondary);font-size:13px;font-weight:700;transition:all .2s ease}.skill-tag:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-primary)}
    .contact{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:56px;align-items:center}.contact-copy .section-title{text-align:left}.contact-copy .section-head{text-align:left;margin:0}.contact-links{display:grid;gap:12px;margin-top:34px}.contact-link{display:flex;align-items:center;gap:14px;color:var(--text-primary);text-decoration:none;padding:14px;border-radius:18px;background:var(--surface-raised);border:1px solid var(--line);transition:all .2s ease;box-shadow:0 10px 24px rgba(0,0,0,.05)}.contact-link:hover{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));color:var(--text-primary)}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--surface-soft);color:var(--accent-2);flex:0 0 auto}.contact-channel-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.qr-card{position:relative;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface-raised) 82%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.07);overflow:hidden;transition:transform .28s var(--motion-ease),border-color .28s ease,box-shadow .28s ease}.qr-card::before{content:'';position:absolute;inset:auto -20% -42% -20%;height:72%;background:radial-gradient(circle at 50% 0%,rgba(174,133,85,.16),transparent 62%);pointer-events:none}.qr-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 24px 66px rgba(174,133,85,.14)}.qr-image{position:relative;z-index:1;aspect-ratio:1/1;border-radius:18px;padding:10px;background:linear-gradient(145deg,#fffaf4,#f0e6d8);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));display:grid;place-items:center}.qr-image img{width:100%;height:100%;object-fit:contain;border-radius:12px;mix-blend-mode:multiply}.qr-placeholder{width:100%;height:100%;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--accent-2);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent) 0 8px,transparent 8px 16px)}.qr-placeholder span{font-weight:900}.qr-placeholder small{font-size:11px;color:var(--muted);font-weight:800}.qr-info{position:relative;z-index:1}.qr-label{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-2);font-size:11px;font-weight:900}.qr-info h3{font-size:18px;font-weight:900;letter-spacing:-.03em;color:var(--text-primary)}.qr-info p{margin-top:6px;color:var(--text-secondary);font-size:13px;line-height:1.6}.qr-card.compact{padding:10px;border-radius:20px;grid-template-columns:86px minmax(0,1fr);align-items:center;box-shadow:none}.qr-card.compact .qr-image{border-radius:15px;padding:7px}.qr-card.compact .qr-info h3{font-size:15px}.qr-card.compact .qr-info p{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote-form{padding:30px}.form-head{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.form-head span{display:inline-flex;margin-bottom:9px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-2);font-size:11px;font-weight:900;letter-spacing:.12em}.form-head strong{display:block;font-family:'Fraunces',serif;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:var(--text-primary)}.form-head p{margin-top:8px;color:var(--text-secondary);font-size:13px;line-height:1.6}.field{margin-bottom:18px}.field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-soft);color:var(--text-primary);border-radius:16px;padding:14px 15px;outline:none;transition:border-color .2s ease,background .2s ease;font:inherit}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:var(--surface-raised)}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:#d92d20;background:color-mix(in srgb,#d92d20 7%,var(--surface-soft))}.field textarea{min-height:126px;resize:vertical}.field-error{display:block;min-height:18px;margin-top:6px;color:#d92d20;font-size:12px;font-weight:700}.submit-btn{width:100%;border:0;position:relative}.submit-btn[disabled]{cursor:wait;opacity:.88}.submit-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:999px;animation:formSpin .75s linear infinite}.submit-btn.loading .submit-spinner{display:inline-block}@keyframes formSpin{to{transform:rotate(360deg)}}.form-feedback{display:none;margin-top:14px;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.65;font-weight:700}.form-feedback.show{display:block}.form-feedback.success{background:#edf7ef;border:1px solid #bfe3c8;color:#275b32}.form-feedback.error{background:#fff0ee;border:1px solid #ffd1cc;color:#b42318}.form-note{color:var(--muted);font-size:12px;line-height:1.7;margin-top:12px}
    .qr-fan-board{position:relative;display:block;min-height:260px;margin-top:24px;max-width:560px;margin-left:20px;isolation:isolate}.qr-fan-board::before{content:'';position:absolute;left:30%;bottom:4px;width:min(80%,440px);height:70px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(174,133,85,.18),rgba(174,133,85,.06) 50%,transparent 74%);filter:blur(10px);transform:translateX(-30%);pointer-events:none}.qr-bookmark{--open-x:0px;--open-y:0px;--open-rot:0deg;position:absolute;left:0;bottom:0;width:min(32%,200px);min-width:170px;padding:15px 14px 18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:25px 25px 34px 34px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-soft) 72%,var(--surface-raised)));box-shadow:0 26px 70px rgba(47,57,67,.12),inset 0 1px 0 rgba(255,255,255,.58);overflow:hidden;transform:translateX(-50%) translate3d(var(--open-x),var(--open-y),0) rotate(var(--open-rot));transform-origin:50% 108%;transition:transform .42s var(--motion-ease),box-shadow .32s ease,border-color .32s ease;will-change:transform}.qr-bookmark::before{content:'';position:absolute;inset:0 0 auto 0;height:72px;background:linear-gradient(135deg,rgba(174,133,85,.22),rgba(255,255,255,.14) 50%,transparent 100%);pointer-events:none}.qr-bookmark::after{content:'';position:absolute;left:50%;bottom:-10px;width:22px;height:22px;border-radius:50%;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));transform:translateX(-50%);box-shadow:0 -8px 22px rgba(174,133,85,.08)}.qr-bookmark:nth-child(1){--open-x:0px;--open-y:-20px;--open-rot:-12deg;z-index:1}.qr-bookmark:nth-child(2){--open-x:140px;--open-y:-58px;--open-rot:-2deg;z-index:2}.qr-bookmark:nth-child(3){--open-x:280px;--open-y:-20px;--open-rot:10deg;z-index:3}.qr-bookmark:hover{transform:translate3d(calc(var(--open-x) + 5px),calc(var(--open-y) - 8px),0) rotate(calc(var(--open-rot) * .85)) scale(1.03);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 30px 80px rgba(174,133,85,.22),inset 0 1px 0 rgba(255,255,255,.8)}.qr-bookmark-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.qr-bookmark-order{font-family:'Fraunces',serif;font-size:26px;font-weight:800;line-height:1;color:color-mix(in srgb,var(--accent) 42%,transparent)}.qr-bookmark-image{position:relative;z-index:1;aspect-ratio:1/1;border-radius:20px;padding:8px;background:linear-gradient(145deg,#fffdf8,#ede8d0);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 4px 20px rgba(174,133,85,.08)}.qr-bookmark-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}.qr-bookmark-info{position:relative;z-index:1;margin-top:12px;text-align:center}.qr-bookmark-info h3{font-size:17px;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.qr-bookmark .qr-placeholder{min-height:100%;border-radius:14px}.qr-fan-board:not(.is-open) .qr-bookmark{opacity:0;transform:translate3d(-60px,20px,0) rotate(-20deg) scale(.88);filter:blur(10px)}.qr-fan-board.is-open .qr-bookmark{animation:qrFanOpen .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--qr-index,0) * 120ms)}@keyframes qrFanOpen{0%{opacity:0;transform:translate3d(-60px,20px,0) rotate(-20deg) scale(.88);filter:blur(10px)}40%{opacity:1;filter:blur(0)}100%{opacity:1;filter:blur(0);transform:translate3d(var(--open-x),var(--open-y),0) rotate(var(--open-rot)) scale(1)}}:root[data-theme="dark"] .qr-bookmark{background:linear-gradient(180deg,rgba(30,30,38,.92),rgba(17,17,22,.88));box-shadow:0 30px 82px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)}:root[data-theme="dark"] .qr-bookmark::after{background:#09090d}:root[data-theme="dark"] .qr-bookmark-image{background:linear-gradient(145deg,#fffaf4,#ede1d0)}
    footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px;background:var(--bg-primary)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .login-overlay{position:fixed;inset:0;z-index:901;background:rgba(0,0,0,.44);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .28s ease}.login-overlay.open{opacity:1;pointer-events:auto}
    .login-modal{width:100%;max-width:380px;background:var(--surface-raised);border:1px solid var(--line);border-radius:28px;padding:36px 32px 32px;box-shadow:0 36px 96px rgba(0,0,0,.28);transform:translateY(16px) scale(.96);transition:transform .32s cubic-bezier(.16,1,.3,1)}.login-overlay.open .login-modal{transform:translateY(0) scale(1)}
    .login-modal h2{font-family:'Manrope',sans-serif;font-size:22px;font-weight:850;letter-spacing:-.035em;margin-bottom:6px;color:var(--text-primary)}.login-modal .login-sub{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:1.55}
    .login-modal .login-field{margin-bottom:16px}.login-modal .login-field label{display:block;font-size:12px;font-weight:800;color:var(--text-secondary);margin-bottom:6px}.login-modal .login-field input{width:100%;border:1px solid var(--line);background:var(--surface-soft);color:var(--text-primary);border-radius:14px;padding:13px 15px;font:inherit;outline:none;transition:border-color .2s ease,background .2s ease}.login-modal .login-field input:focus{border-color:var(--accent);background:var(--surface-raised)}
    .login-modal .login-error{font-size:12px;color:#e53e3e;margin-top:8px;display:none}.login-modal .login-error.show{display:block}
    .login-modal .login-submit{width:100%;margin-top:6px;border:0;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,#caa06c 100%);color:#fff;border-radius:999px;padding:13px;font-weight:900;font-size:15px;transition:transform .2s ease,box-shadow .2s ease}.login-modal .login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(174,133,85,.32)}
    .login-modal .login-close{position:absolute;top:14px;right:14px;border:0;background:var(--surface-soft);color:var(--muted);width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;transition:background .2s ease,color .2s ease}.login-modal .login-close:hover{background:var(--line);color:var(--text-primary)}
    .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none;will-change:auto}
    .motion-stagger > *{transition-delay:calc(var(--stagger-index,0) * 58ms)}.motion-soft-parallax{will-change:transform}.project-card,.skill-card,.timeline-card,.contact-link,.stat-pill,.btn-primary,.btn-outline,.menu-toggle,.nav-links a,.nav-login{transform:translateZ(0);backface-visibility:hidden}.project-card:hover,.skill-card:hover,.timeline-card:hover,.contact-link:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:0 24px 68px rgba(47,57,67,.13)}.btn-primary:active,.btn-outline:active,.menu-toggle:active,.project-card.is-pressed,.skill-card.is-pressed,.contact-link.is-pressed{transform:translateY(1px) scale(.985)}.project-card:focus-within,.skill-card:focus-within,.contact-link:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.menu-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px}.hero-frame img{transition:transform var(--motion-slow) var(--motion-ease),filter var(--motion-mid) ease}.hero-frame:hover img{transform:scale(1.035)}.nav-shell,.hero,.scroll-stage,.contact{min-height:100vh;transition:background-color var(--motion-mid) var(--motion-ease),opacity var(--motion-mid) var(--motion-ease),transform var(--motion-mid) var(--motion-ease)}
    @media (min-width:768px){.scroll-stage{will-change:transform,opacity,filter}.scroll-stage::before{content:'';position:absolute;inset:54px auto auto 4vw;width:96px;height:1px;background:linear-gradient(90deg,rgba(215,183,131,.65),transparent);opacity:.35}.project-card,.skill-card,.timeline-card{transform-style:preserve-3d}.section-title .gradient-text{filter:drop-shadow(0 18px 40px rgba(174,133,85,.15))}}
    @media (max-width:1024px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.sticky-copy{position:relative;top:auto}.hero{min-height:auto}.hero-visual{max-width:520px}.projects-grid{gap:18px}.skills-grid{grid-template-columns:1fr 1fr}.contact-copy .section-head{text-align:center;margin:0 auto}.contact-copy .section-title{text-align:center}.contact-channel-board{max-width:820px;margin-inline:auto}.qr-fan-board{max-width:560px}.nav-contact-panel{right:-120px}}
.mobile-highlights{display:none}
    @media (max-width:767px){
      html,body{background:var(--bg-primary)}.desktop-copy{display:none!important}.mobile-copy{display:inline!important}.container-page{width:min(100% - 34px,1480px)}.noise-overlay{opacity:.026}#webgl-bg{display:none}.glass-card{backdrop-filter:blur(16px) saturate(132%);-webkit-backdrop-filter:blur(16px) saturate(132%)}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-2) 42%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.eyebrow{font-size:11px;letter-spacing:.15em}.eyebrow::before{width:22px}
      .nav-links,.nav-login,.nav-contact-panel{display:none}.nav-shell{top:max(10px,env(safe-area-inset-top));left:10px;right:10px}.nav-inner{width:100%;padding:9px 10px;border-radius:999px;background:var(--nav-bg-active);border-color:var(--line);box-shadow:0 14px 44px rgba(0,0,0,.10);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.brand{gap:8px;min-width:0;flex:1}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-text{font-size:0;max-width:none;color:var(--nav-text)}.brand-text::before{content:'表里如一.';font-size:15.5px;font-weight:900;letter-spacing:-.02em}.nav-actions{gap:6px;flex:0 0 auto}.mobile-theme-toggle{display:inline-grid;width:40px;height:40px;flex:0 0 auto}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:48px;padding:8px 14px;font-size:13px;touch-action:manipulation}.mobile-menu{width:calc(100% - 20px);margin:8px auto 0;border-radius:24px;background:var(--nav-bg-active);border-color:var(--line);overflow:hidden}.mobile-menu a{padding:17px 18px;min-height:54px}body.menu-locked{overflow:hidden;position:fixed;width:100%;inset:0}
      .hero{min-height:auto;padding:108px 0 46px;background:radial-gradient(circle at 72% 8%,var(--glow),transparent 34%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero::after{display:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:24px}.hero-copy{width:min(100%,420px);margin:auto;text-align:center;align-items:center}.hero-title{font-family:'Fraunces',serif;font-size:clamp(43px,12.2vw,62px);line-height:.92;letter-spacing:-.064em;margin-top:16px;color:var(--text-primary)}.hero-title .gradient-text{display:inline}.hero-title-main{display:block;margin-top:7px;font-size:.88em}.mobile-title-line{display:block}.hero-subtitle{max-width:28.5em;margin:16px auto 0;color:var(--text-secondary);font-size:15.5px;line-height:1.74}.hero-actions{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;margin:20px auto 0}.hero-actions .btn-primary,.hero-actions .btn-outline{width:auto;min-height:40px;padding:10px 14px;font-size:13.5px;white-space:nowrap}.hero-actions .btn-outline{background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}.hero-visual{width:min(100%,430px);max-width:430px;margin:-4px auto 0}.hero-frame{border-radius:28px;aspect-ratio:4/4.55;box-shadow:0 24px 70px rgba(0,0,0,.13),0 0 0 1px var(--line)}.status-card{left:12px;right:auto;bottom:12px;min-width:126px;padding:9px 11px;border-radius:15px;background:color-mix(in srgb,var(--surface-raised) 50%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.status-card small{font-size:10px;margin-bottom:3px}.status-card strong{font-size:13px;gap:6px}.status-card strong::before{width:6px;height:6px;box-shadow:0 0 0 4px rgba(105,211,145,.10)}.hero-stats-desktop{display:none}.hero-stats-mobile{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:0}.stat-pill{padding:14px 8px;border-radius:20px;background:var(--surface-raised);border-color:var(--line);box-shadow:var(--card-shadow)}.stat-pill strong{font-size:21px;color:var(--text-primary)}.stat-pill span{font-size:10.5px;color:var(--muted)}
      section{padding:88px 0;scroll-margin-top:94px;background:var(--bg-primary)}.scroll-stage:nth-of-type(even){background:var(--bg-secondary)}.section-head,.sticky-copy{max-width:390px;margin:0 auto 38px;text-align:center}.section-title{font-family:'Fraunces',serif;font-size:clamp(36px,10.5vw,54px);line-height:1.04;letter-spacing:-.046em;color:var(--text-primary)}.section-desc{font-size:15.5px;line-height:1.78;color:var(--text-secondary)}#projects .section-head{margin-bottom:28px}#projects .section-title{max-width:9em;margin-inline:auto}#projects .section-desc{max-width:24em;margin-top:13px;font-size:14px;line-height:1.65;color:color-mix(in srgb,var(--text-secondary) 76%,transparent)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.sticky-copy{position:relative;top:auto}.about-grid .sticky-copy{max-width:360px}.about-grid .section-title{font-size:clamp(38px,11vw,56px);line-height:.98}.about-grid .section-desc{max-width:24em;margin:14px auto 0;font-size:14px;line-height:1.68;color:color-mix(in srgb,var(--text-secondary) 74%,transparent)}.about-desc-full{display:none}.about-desc-short{display:inline}.about-promise-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:14px auto 0;max-width:320px}.about-promise-tags span{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-2);font-size:11.5px;font-weight:850}.timeline{position:relative;gap:10px}.timeline::before{content:'';position:absolute;left:21px;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 30%,var(--line)),transparent)}.timeline-card{position:relative;padding:16px 16px 16px 54px;border-radius:22px;background:color-mix(in srgb,var(--surface-raised) 76%,transparent);box-shadow:0 12px 32px rgba(47,57,67,.055),inset 0 1px 0 rgba(255,255,255,.34)}.timeline-top{display:block;margin:0}.timeline-card .period{position:absolute;left:14px;top:16px;width:26px;height:26px;padding:0;border-radius:999px;display:grid;place-items:center;font-size:0;background:linear-gradient(135deg,var(--accent),#caa06c);color:#fff;border:0;box-shadow:0 10px 26px rgba(174,133,85,.22)}.timeline-card .period::before{content:attr(data-step);font-size:11px;font-weight:900}.timeline-card h3{font-size:20px;line-height:1.16}.timeline-card .company{display:none}.company-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.company-tags span{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-2);font-size:11px;font-weight:800}.timeline-card p{margin-top:11px;font-size:14px;line-height:1.64;color:color-mix(in srgb,var(--text-secondary) 82%,transparent)}.about-proof-label{display:block;margin:16px auto 9px;text-align:center;color:color-mix(in srgb,var(--accent-2) 88%,transparent);font-size:11px;font-weight:900;letter-spacing:.14em}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:0;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:24px;background:color-mix(in srgb,var(--surface-raised) 58%,transparent);box-shadow:0 12px 36px rgba(47,57,67,.045),inset 0 1px 0 rgba(255,255,255,.24);overflow:hidden}.about-stat{padding:13px 8px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}.about-stat:nth-child(odd){border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.about-stat:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.stat-number{font-size:28px}.stat-label{margin-top:4px;color:var(--muted);font-size:11px}.projects-grid{grid-template-columns:1fr;gap:14px}.projects-grid .project-card{border-radius:28px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent);box-shadow:0 14px 38px rgba(47,57,67,.06),inset 0 1px 0 rgba(255,255,255,.34);overflow:hidden}.project-media{aspect-ratio:16/9.8}.project-media::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));pointer-events:none}.project-body{padding:18px 18px 17px}.project-body .meta-row{margin-bottom:9px}.project-body .badge{padding:5px 8px;font-size:11px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 16%,transparent)}.project-body .year{display:none}.project-body h3{font-family:'Fraunces',serif;font-size:22px;line-height:1.13;letter-spacing:-.035em}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.project-tags span{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);color:var(--muted);font-size:11px;font-weight:800}.project-body p{margin-top:10px;font-size:13.5px;line-height:1.58;color:color-mix(in srgb,var(--text-secondary) 78%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-body .text-link{margin-top:13px;width:100%;justify-content:space-between;padding:10px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);font-size:12.5px}#skills .section-head{margin-bottom:26px}#skills .section-desc{max-width:25em;margin-top:13px;font-size:14px;line-height:1.65;color:color-mix(in srgb,var(--text-secondary) 78%,transparent)}.skills-grid{grid-template-columns:1fr;gap:12px}.skill-card{padding:19px;border-radius:24px;min-height:auto;background:color-mix(in srgb,var(--surface-raised) 78%,transparent);box-shadow:0 14px 38px rgba(47,57,67,.06),inset 0 1px 0 rgba(255,255,255,.30)}.pricing-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.skill-card .icon-box{width:38px;height:38px;border-radius:14px;margin:0}.featured-badge{padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#caa06c);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 24px rgba(174,133,85,.18)}.skill-card h3{font-family:'Fraunces',serif;font-size:23px;line-height:1.12}.pricing-price{display:inline-flex;width:auto;padding:6px 9px;margin:8px 0 10px;font-size:11px}.pricing-promise{display:grid;gap:4px;margin:8px 0 11px;padding:11px 13px;border-radius:18px;background:linear-gradient(135deg,rgba(174,133,85,.08),rgba(255,255,255,.66));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}.pricing-promise strong{font-size:17px;line-height:1.08;color:var(--text-primary);letter-spacing:-.02em}.pricing-promise span{font-size:11.5px;font-weight:900;color:var(--accent-2);letter-spacing:.035em}.skill-card.featured .pricing-promise{padding:12px 13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#fff),rgba(255,255,255,.72));border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}.skill-card.featured .pricing-promise strong{font-size:18px}.pricing-standard{font-size:13px;line-height:1.55;margin-bottom:10px;color:color-mix(in srgb,var(--text-secondary) 86%,transparent)}.skill-tags{gap:7px}.skill-tag{padding:6px 9px;font-size:11px}.pricing-note{margin-top:13px;padding-top:12px;font-size:12px;line-height:1.58}.skill-card.featured{order:-1;position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;box-shadow:0 18px 48px rgba(174,133,85,.12),inset 0 1px 0 rgba(255,255,255,.22)!important;will-change:transform,box-shadow}.skill-card.featured>*{position:relative;z-index:1}.skill-card.featured::before{content:'';position:absolute;z-index:0;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,240,206,.9),rgba(174,133,85,.42) 28%,transparent 48%,rgba(174,133,85,.34) 76%,rgba(255,247,229,.72));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none}.skill-card.featured::after{content:'';position:absolute;z-index:0;inset:1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,244,220,.55),transparent 36%),linear-gradient(180deg,rgba(174,133,85,.10),transparent 54%);opacity:0;pointer-events:none}.skill-card.featured.mobile-reveal.is-visible{animation:featuredSoftSettle .72s var(--motion-ease) both}.skill-card.featured.mobile-reveal.is-lit{animation:featuredLiftGlow 1.05s cubic-bezier(.16,1,.3,1) both}.skill-card.featured.mobile-reveal.is-lit::before{animation:featuredEdgeFlash 1.05s cubic-bezier(.16,1,.3,1) both}.skill-card.featured.mobile-reveal.is-lit::after{animation:featuredSurfaceFlash 1.05s cubic-bezier(.16,1,.3,1) both}@keyframes featuredSoftSettle{0%{transform:translateY(12px);filter:blur(3px)}100%{transform:none;filter:blur(0)}}@keyframes featuredLiftGlow{0%{transform:none;box-shadow:0 18px 48px rgba(174,133,85,.12),inset 0 1px 0 rgba(255,255,255,.22)}32%{transform:translateY(-5px);box-shadow:0 28px 68px rgba(174,133,85,.24),0 0 0 1px rgba(174,133,85,.30),inset 0 1px 0 rgba(255,255,255,.46)}100%{transform:none;box-shadow:0 18px 48px rgba(174,133,85,.12),inset 0 1px 0 rgba(255,255,255,.22)}}@keyframes featuredEdgeFlash{0%,100%{opacity:0}24%{opacity:1}62%{opacity:.48}}@keyframes featuredSurfaceFlash{0%,100%{opacity:0}26%{opacity:.72}68%{opacity:.22}}
      .contact{padding-bottom:76px;background:var(--bg-primary)}.contact-copy .section-head,.contact-copy .section-title{text-align:center}.contact-copy .section-title{max-width:9.2em;margin-inline:auto}.contact-copy .section-desc{max-width:24em;margin-inline:auto}.contact-links{margin-top:26px}.contact-link{background:var(--surface-raised);border-color:var(--line);box-shadow:var(--card-shadow)}.qr-fan-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:auto;max-width:none;margin:22px 0 34px}.qr-fan-board::before{display:none}.qr-bookmark{position:relative;left:auto;bottom:auto;width:100%;min-width:0;display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;padding:16px;border-radius:24px;transform:none!important;animation:none!important;opacity:1!important;filter:none!important;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 16px 38px rgba(47,57,67,.075);text-decoration:none;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.qr-bookmark.primary{grid-column:1 / -1;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px;border-color:color-mix(in srgb,#20c160 32%,var(--line));background:linear-gradient(135deg,rgba(32,193,96,.08),color-mix(in srgb,var(--surface-raised) 96%,transparent));box-shadow:0 20px 52px rgba(32,193,96,.10),inset 0 1px 0 rgba(255,255,255,.42)}.qr-bookmark:nth-child(n){--open-x:0px;--open-y:0px;--open-rot:0deg;z-index:auto}.qr-bookmark::before{inset:0 auto 0 0;width:72px;height:auto;background:linear-gradient(90deg,rgba(174,133,85,.10),transparent)}.qr-bookmark.primary::before{background:linear-gradient(90deg,rgba(32,193,96,.16),transparent)}.qr-bookmark::after{display:none}.qr-bookmark:active{transform:scale(.985)!important}.qr-bookmark.disabled{cursor:not-allowed;opacity:.78}.qr-bookmark-top{grid-column:1 / -1;grid-row:auto;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.qr-bookmark.primary .qr-bookmark-top{grid-column:1;align-self:center;justify-content:center}.qr-bookmark.primary .qr-label{display:none}.platform-logo{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.12);overflow:hidden}.platform-logo svg{width:24px;height:24px;display:block;fill:currentColor;flex:0 0 auto}.platform-logo img{width:100%;height:100%;display:block;object-fit:cover}.platform-logo.wechat{background:#20c160}.platform-logo.wechat svg{width:28px;height:28px}.platform-logo.douyin{background:#111}.platform-logo.rednote{background:#ff2442}.qr-bookmark-image{display:none}.qr-bookmark-info{grid-column:1 / -1;grid-row:auto;margin:0;text-align:left}.qr-bookmark.primary .qr-bookmark-info{grid-column:2}.qr-bookmark-info h3{font-size:18px;font-weight:900}.qr-bookmark-info p{display:block;margin-top:6px;font-size:12.5px;line-height:1.48;color:var(--text-secondary)}.channel-hint{display:inline-flex;margin-top:12px;color:var(--accent-2);font-size:12px;font-weight:900}.qr-bookmark.primary .channel-hint{color:#18864a}.qr-bookmark.copied{border-color:#20c160!important;box-shadow:0 20px 52px rgba(32,193,96,.16),inset 0 1px 0 rgba(255,255,255,.46)}.qr-bookmark.mobile-reveal{opacity:0!important;transform:translateY(36px) scale(.97)!important;filter:blur(8px)!important;transition:opacity .68s var(--motion-ease),transform .68s var(--motion-ease),filter .68s var(--motion-ease),border-color .22s ease,box-shadow .22s ease}.qr-bookmark.mobile-reveal.is-visible{opacity:1!important;transform:none!important;filter:blur(0)!important}.quote-form{min-height:auto;margin:0;border-radius:28px;padding:20px;background:var(--surface-raised);box-shadow:var(--card-shadow)}.quote-form .form-head{margin-bottom:14px;padding-bottom:13px}.quote-form .form-head span{margin-bottom:6px;padding:4px 8px;font-size:10px}.quote-form .form-head strong{font-size:24px}.quote-form .form-head p{margin-top:6px;font-size:12px;line-height:1.45}.quote-form .field{margin-bottom:12px}.quote-form .field label{margin-bottom:6px;font-size:12px}.field input,.field select,.field textarea{background:var(--surface-soft);color:var(--text-primary);border-color:var(--line)}.quote-form .field input,.quote-form .field select,.quote-form .field textarea{border-radius:14px;padding:11px 13px;font-size:14px}.quote-form .field textarea{min-height:108px}.quote-form .field-error{min-height:14px;margin-top:4px;font-size:11px}.quote-form .submit-btn{min-height:42px;padding:11px 14px}.footer-row{justify-content:center;text-align:center}.login-modal{max-width:calc(100vw - 48px);padding:32px 24px 28px;border-radius:26px}
      :root[data-theme="dark"] .skill-card.featured{box-shadow:0 18px 46px rgba(174,133,85,.18),0 0 0 1px rgba(215,183,131,.22)!important}:root[data-theme="dark"] .pricing-promise{background:linear-gradient(135deg,rgba(174,133,85,.18),rgba(255,255,255,.055));border-color:rgba(215,183,131,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}:root[data-theme="dark"] .pricing-promise span{color:#d7b783}:root[data-theme="dark"] .skill-card.featured::before{background:linear-gradient(135deg,rgba(255,248,230,.92),rgba(215,183,131,.52) 30%,transparent 50%,rgba(215,183,131,.42) 76%,rgba(255,255,255,.68));filter:drop-shadow(0 0 12px rgba(255,242,210,.34))}:root[data-theme="dark"] .projects-grid .project-card{background:rgba(24,24,31,.72);border-color:rgba(255,255,255,.10);box-shadow:none}:root[data-theme="dark"] .project-tags span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}:root[data-theme="dark"] .timeline-card{background:rgba(24,24,31,.68);border-color:rgba(255,255,255,.10);box-shadow:none}:root[data-theme="dark"] .about-stats{background:rgba(24,24,31,.54);border-color:rgba(255,255,255,.10);box-shadow:none}:root[data-theme="dark"] .about-stat{background:transparent!important}:root[data-theme="dark"] .qr-bookmark{background:rgba(24,24,31,.86);border-color:rgba(255,255,255,.10)}:root[data-theme="dark"] .qr-bookmark.primary{background:linear-gradient(135deg,rgba(32,193,96,.13),rgba(24,24,31,.86));border-color:rgba(32,193,96,.26);box-shadow:0 20px 52px rgba(32,193,96,.10)}:root[data-theme="dark"] .qr-bookmark-info h3{color:#fffaf0}:root[data-theme="dark"] .channel-hint{color:#d7b783}:root[data-theme="dark"] .qr-bookmark.primary .channel-hint{color:#58d98f}:root[data-theme="dark"] .qr-bookmark-image{background:linear-gradient(145deg,#fffaf4,#ede1d0)}
    }
    @media (max-width:390px){.hero-title{font-size:clamp(40px,12.3vw,55px)}.hero-actions{gap:7px}.hero-actions .btn-primary,.hero-actions .btn-outline{padding:9px 11px;font-size:12.8px}.hero-subtitle,.section-desc{font-size:15px}.projects-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.skill-card h3{font-size:22px}}
    @media (min-width:768px){.mobile-copy{display:none!important}.desktop-copy{display:inline!important}.form-head{display:none}.hero-stats-mobile{display:none}.about-content{display:block}}
    @media (max-width:360px){.brand-text{max-width:112px}.nav-inner{padding:9px 10px}.mobile-theme-toggle{width:40px;height:40px}.menu-toggle{min-width:44px;padding-inline:13px}}
    .qr-fan-board{position:relative;isolation:isolate;margin:30px 0 42px;max-width:660px;min-height:352px}.qr-fan-board::before{content:'';position:absolute;left:48%;bottom:0;width:min(86%,560px);height:92px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(174,133,85,.20),rgba(174,133,85,.07) 50%,transparent 75%);filter:blur(10px);transform:translateX(-42%);pointer-events:none}.qr-bookmark{appearance:none;-webkit-appearance:none;text-decoration:none;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;position:absolute;left:0;bottom:0;display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0;padding:16px 15px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:26px 26px 36px 36px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface-soft) 72%,var(--surface-raised)));box-shadow:0 30px 78px rgba(47,57,67,.16),inset 0 1px 0 rgba(255,255,255,.58);overflow:hidden;transform:translate3d(var(--open-x),var(--open-y),0) rotate(var(--open-rot));transform-origin:50% 108%;transition:transform .42s var(--motion-ease),box-shadow .32s ease,border-color .32s ease,background .32s ease}.qr-bookmark::before{content:'';position:absolute;inset:0 0 auto 0;height:72px;background:linear-gradient(135deg,rgba(174,133,85,.22),rgba(255,255,255,.14) 50%,transparent 100%);pointer-events:none}.qr-bookmark::after{content:'';position:absolute;left:50%;bottom:-10px;width:22px;height:22px;border-radius:50%;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));transform:translateX(-50%);box-shadow:0 -8px 22px rgba(174,133,85,.08)}.qr-bookmark.rednote{--open-x:8px;--open-y:-22px;--open-rot:-10deg;width:174px;z-index:1}.qr-bookmark.douyin{--open-x:158px;--open-y:-66px;--open-rot:-3deg;width:196px;z-index:2}.qr-bookmark.wechat{--open-x:338px;--open-y:-104px;--open-rot:8deg;width:246px;z-index:3;padding:18px 17px 22px;border-color:color-mix(in srgb,#07c160 34%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#07c160 10%,var(--surface-raised)),color-mix(in srgb,var(--surface-soft) 72%,var(--surface-raised)))}.qr-bookmark:hover{transform:translate3d(calc(var(--open-x) + 5px),calc(var(--open-y) - 8px),0) rotate(calc(var(--open-rot) + 1deg));box-shadow:0 34px 92px rgba(47,57,67,.20);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.qr-bookmark.wechat:hover{border-color:color-mix(in srgb,#07c160 48%,var(--line));box-shadow:0 34px 96px rgba(7,193,96,.18)}.qr-bookmark.disabled{cursor:not-allowed;opacity:.82}.qr-bookmark-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;margin:0}.platform-logo{display:grid;place-items:center;overflow:hidden;width:58px;height:58px;border-radius:18px;background:transparent;box-shadow:0 10px 28px rgba(47,57,67,.10)}.platform-logo.wechat{width:74px;height:74px;border-radius:22px;background:rgba(255,255,255,.86)}.platform-logo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.qr-bookmark-info{position:relative;z-index:1;display:grid;gap:5px;min-width:0}.qr-bookmark-info h3{margin:0;font-size:18px;line-height:1.14;font-weight:900;letter-spacing:-.035em;color:var(--text-primary)}.qr-bookmark.wechat .qr-bookmark-info h3{font-size:21px}.qr-bookmark-info p{margin:0;color:var(--text-secondary);font-size:13.5px;line-height:1.45}.channel-hint{display:block;margin-top:3px;color:var(--accent-2);font-size:12px;font-weight:900;line-height:1.35}.qr-bookmark.wechat .channel-hint{color:#07a955}.qr-bookmark.rednote .channel-hint{color:#ff2442}.qr-bookmark.rednote .qr-bookmark-info p{display:block}
    @media (max-width:767px){.qr-fan-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;min-height:auto!important;max-width:430px!important;margin:22px auto 34px!important}.qr-fan-board::before{display:none!important}.qr-bookmark{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:12px!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important;border-radius:22px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 98%,transparent),color-mix(in srgb,var(--surface-soft) 72%,var(--surface-raised)))!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;box-shadow:0 14px 34px rgba(47,57,67,.07),inset 0 1px 0 rgba(255,255,255,.45)!important;overflow:hidden!important;text-decoration:none!important;color:var(--text-primary)!important;text-align:left!important}.qr-bookmark:hover{transform:translateY(-2px)!important;box-shadow:0 18px 44px rgba(47,57,67,.10)!important}.qr-bookmark::before{content:''!important;position:absolute!important;inset:0 auto 0 0!important;width:82px!important;height:auto!important;background:linear-gradient(90deg,rgba(174,133,85,.10),transparent)!important;pointer-events:none!important}.qr-bookmark::after{display:none!important}.qr-bookmark.wechat{grid-column:1 / -1!important;grid-template-columns:66px minmax(0,1fr)!important;gap:14px!important;padding:16px!important;min-height:104px!important;border-radius:26px!important;border-color:color-mix(in srgb,#20c160 30%,var(--line))!important;background:linear-gradient(135deg,rgba(32,193,96,.09),color-mix(in srgb,var(--surface-raised) 97%,transparent))!important;box-shadow:0 18px 46px rgba(32,193,96,.10),inset 0 1px 0 rgba(255,255,255,.48)!important}.qr-bookmark.douyin,.qr-bookmark.rednote{min-height:86px!important}.qr-bookmark-top{position:relative!important;z-index:1!important;grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.platform-logo{width:46px!important;height:46px!important;border-radius:14px!important;background:transparent!important;box-shadow:0 8px 18px rgba(0,0,0,.10)!important;overflow:hidden!important}.platform-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}.qr-bookmark.wechat .platform-logo{width:66px!important;height:66px!important;border-radius:18px!important}.qr-bookmark-info{position:relative!important;z-index:1!important;grid-column:2!important;grid-row:1!important;display:grid!important;gap:4px!important;margin:0!important;text-align:left!important;justify-items:start!important;min-width:0!important}.qr-bookmark-info h3{font-size:16px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.02em!important;color:var(--text-primary)!important}.qr-bookmark.wechat .qr-bookmark-info h3{font-size:20px!important}.qr-bookmark-info p{display:block!important;margin:0!important;font-size:12px!important;line-height:1.36!important;color:color-mix(in srgb,var(--text-secondary) 82%,transparent)!important}.qr-bookmark.wechat .qr-bookmark-info p{font-size:13px!important;line-height:1.42!important;color:var(--text-secondary)!important}.channel-hint{display:inline-flex!important;margin-top:2px!important;font-size:11px!important;line-height:1.25!important;font-weight:900!important;color:color-mix(in srgb,var(--accent-2) 84%,transparent)!important}.qr-bookmark.wechat .channel-hint{font-size:12px!important;color:#18864a!important}.qr-bookmark.rednote.disabled{opacity:1!important}.qr-bookmark.rednote .channel-hint{color:color-mix(in srgb,var(--muted) 78%,transparent)!important}:root[data-theme="dark"] .platform-logo{background:transparent!important}}
    
@media (min-width:768px){.qr-fan-board,.qr-fan-board.reveal,.qr-fan-board.is-open{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;width:620px!important;max-width:100%!important;min-height:300px!important;margin:34px 0 48px!important}.desktop-channel-copy{display:grid!important;gap:5px!important}.mobile-channel-copy{display:none!important}.qr-bookmark{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;justify-items:center!important;align-content:start!important;gap:13px!important;padding:16px 14px 18px!important;border-radius:26px!important;text-align:center!important;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)),linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),color-mix(in srgb,var(--surface-soft) 82%,transparent))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 72px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;opacity:1!important;visibility:visible!important}.qr-bookmark.rednote{--open-x:18px!important;--open-y:-10px!important;--open-rot:-10deg!important;width:156px!important;min-height:174px!important;z-index:1!important}.qr-bookmark.douyin{--open-x:148px!important;--open-y:-46px!important;--open-rot:-1deg!important;width:168px!important;min-height:188px!important;z-index:2!important}.qr-bookmark.wechat{--open-x:292px!important;--open-y:-82px!important;--open-rot:9deg!important;width:182px!important;min-height:212px!important;z-index:3!important;border-color:rgba(32,193,96,.28)!important;background:linear-gradient(180deg,rgba(32,193,96,.10),rgba(255,255,255,.055)),linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),color-mix(in srgb,var(--surface-soft) 82%,transparent))!important}.qr-bookmark:hover{transform:translate3d(calc(var(--open-x) + 4px),calc(var(--open-y) - 10px),0) rotate(calc(var(--open-rot) + 1deg))!important;box-shadow:0 36px 92px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.2)!important}.qr-bookmark-top{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.platform-logo{position:relative!important;width:90px!important;height:90px!important;border-radius:22px!important;background:transparent!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}.qr-bookmark.rednote .platform-logo{width:94px!important;height:94px!important;border-radius:23px!important}.qr-bookmark.douyin .platform-logo{width:82px!important;height:82px!important;border-radius:21px!important}.qr-bookmark.wechat .platform-logo{width:96px!important;height:96px!important;border-radius:24px!important;transition:width .28s var(--motion-ease),height .28s var(--motion-ease),border-radius .28s var(--motion-ease),box-shadow .28s ease!important}.platform-logo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;transition:opacity .24s ease,transform .32s var(--motion-ease)!important}.platform-logo-qr{opacity:0!important;transform:scale(.92)!important;background:#fff!important}.qr-bookmark.wechat:hover .platform-logo,.qr-bookmark.wechat:focus-visible .platform-logo{width:116px!important;height:116px!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(7,193,96,.22)!important}.qr-bookmark.wechat:hover .platform-logo-main,.qr-bookmark.wechat:focus-visible .platform-logo-main{opacity:0!important;transform:scale(.9)!important}.qr-bookmark.wechat:hover .platform-logo-qr,.qr-bookmark.wechat:focus-visible .platform-logo-qr{opacity:1!important;transform:scale(1)!important}.qr-bookmark-info{display:block!important;text-align:center!important;justify-items:center!important}.qr-bookmark-info h3{font-size:13px!important;line-height:1.22!important;font-weight:900!important;letter-spacing:-.02em!important;color:var(--text-primary)!important}.qr-bookmark.wechat .qr-bookmark-info h3{font-size:13px!important}.qr-bookmark-info p{margin:2px 0 0!important;font-size:12px!important;line-height:1.34!important;font-weight:800!important;color:color-mix(in srgb,var(--text-secondary) 86%,transparent)!important}.channel-hint{margin-top:4px!important;font-size:11px!important;line-height:1.25!important;font-weight:900!important;color:color-mix(in srgb,var(--accent-2) 86%,transparent)!important}.qr-bookmark.rednote .channel-hint{color:color-mix(in srgb,#ff2442 78%,var(--accent-2))!important}.qr-bookmark.wechat .channel-hint{display:none!important}}
@media (min-width:768px){.qr-fan-board{width:570px!important;min-height:326px!important;margin:30px 0 46px!important}.qr-fan-board::before{left:55%!important;bottom:18px!important;width:390px!important;height:96px!important;transform:translateX(-50%)!important;background:radial-gradient(ellipse at center,rgba(174,133,85,.24),rgba(174,133,85,.08) 52%,transparent 76%)!important}.qr-bookmark{transform-origin:50% 132%!important;border-radius:28px 28px 38px 38px!important;transition:transform .46s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease!important}.qr-bookmark.rednote{--open-x:46px!important;--open-y:-16px!important;--open-rot:-15deg!important;width:164px!important;min-height:184px!important}.qr-bookmark.douyin{--open-x:174px!important;--open-y:-58px!important;--open-rot:-1deg!important;width:170px!important;min-height:196px!important}.qr-bookmark.wechat{--open-x:302px!important;--open-y:-22px!important;--open-rot:15deg!important;width:184px!important;min-height:216px!important}.qr-bookmark:hover{transform:translate3d(calc(var(--open-x) + 3px),calc(var(--open-y) - 12px),0) rotate(calc(var(--open-rot) + 1deg))!important}.qr-bookmark.rednote:hover{transform:translate3d(40px,-32px,0) rotate(-18deg)!important}.qr-bookmark.douyin:hover{transform:translate3d(174px,-74px,0) rotate(0deg)!important}.qr-bookmark.wechat:hover{transform:translate3d(310px,-42px,0) rotate(17deg)!important}.qr-bookmark::after{display:block!important;bottom:-11px!important;width:20px!important;height:20px!important;background:var(--bg-primary)!important}}
@media (max-width:767px){.desktop-channel-copy{display:none!important}.mobile-channel-copy{display:grid!important;gap:4px!important}.platform-logo-main,.platform-logo-qr{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;transition:opacity .24s ease,transform .28s var(--motion-ease)!important}.platform-logo-main{opacity:1!important;transform:scale(1)!important}.platform-logo-qr{display:block!important;opacity:0!important;transform:scale(.92)!important;background:#fff!important}.qr-bookmark.wechat.copied .platform-logo-main{opacity:0!important;transform:scale(.9)!important}.qr-bookmark.wechat.copied .platform-logo-qr{opacity:1!important;transform:scale(1)!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}.skill-card.featured{transform:none!important}.qr-bookmark{animation:none!important}body::after{display:none!important}}