:root{--ink:#3f4658;--ink-strong:#252a38;--muted:#777d8d;--paper:#fffaf6;--paper-soft:#fff4f1;--white:#fff;--pink:#ed8197;--pink-deep:#d85f7d;--pink-soft:#f8c8d2;--blue:#8bb4d9;--blue-soft:#d7e9f6;--mint:#b8d8cc;--yellow:#f5d99b;--lilac:#cbbce5;--border:#685e6f24;--glass:#ffffff94;--shadow:0 22px 60px #67495724;--shadow-soft:0 12px 36px #5647581a;--radius:22px;--sans:"Nunito", "Microsoft YaHei UI", system-ui, sans-serif;--serif:"ZCOOL XiaoWei", "STSong", serif;--hand:"Ma Shan Zheng", "KaiTi", cursive;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.65}:root[data-theme=night]{--ink:#dce4f0;--ink-strong:#fbf7ff;--muted:#adb5c8;--paper:#151823;--paper-soft:#1b1e2b;--white:#242838;--glass:#1b1f2cb3;--border:#dce2f41f;--shadow:0 22px 60px #02030a61;--shadow-soft:0 12px 36px #02030a42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,input{font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:var(--ink-strong);background:#ed819740}.app-shell{isolation:isolate;min-height:100vh;position:relative}.container{width:min(1180px,100% - 48px);margin-inline:auto}.section-pad{padding:112px 0}.soft-section{background:linear-gradient(160deg, var(--paper-soft), color-mix(in srgb, var(--blue-soft) 22%, var(--paper)))}.glass-card{background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(135%);border:1px solid #ffffff9e}.page-noise{opacity:.12;pointer-events:none;z-index:100;background-image:radial-gradient(#3c35402e .45px,#0000 .7px);background-size:5px 5px;position:fixed;inset:0}.petal-field{pointer-events:none;z-index:6;position:fixed;inset:-10vh 0 0;overflow:hidden}.petal{opacity:.7;background:linear-gradient(135deg,#ffe2e9eb,#eb859db3);border-radius:75% 12%;animation:linear infinite petal-fall;position:absolute;top:-8vh;box-shadow:0 1px 3px #d264822e}@keyframes petal-fall{0%{transform:translateY(-10vh)rotate(0)}50%{transform:translate(55px,55vh)rotate(220deg)}to{transform:translate(-35px,115vh)rotate(480deg)}}.site-header{z-index:50;pointer-events:none;height:118px;position:fixed;inset:0 0 auto}.site-header:before{content:"";filter:grayscale()contrast(.82);opacity:.55;background-image:linear-gradient(#ffffffb3,#faf7f7a3),url(/images/tuantuan-04.jpg);background-position:50% 30%;background-size:cover;border-bottom:1px solid #4e515b2e;height:66px;transition:opacity .38s,filter .38s;position:absolute;inset:0 0 auto}.site-header.is-scrolled:before{opacity:0}.site-header:hover:before,.site-header:focus-within:before{opacity:.08;filter:grayscale(.4)contrast(.9)}.nav-shell{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);pointer-events:auto;background:linear-gradient(115deg,#ffe8f0f5,#e7f6fff5);border:1px solid #5c606d6b;border-top:0;border-radius:0 0 22px 22px;justify-content:center;align-items:center;gap:10px;width:205px;height:56px;padding:0 20px;transition:width .44s cubic-bezier(.2,.82,.2,1),height .44s cubic-bezier(.2,.82,.2,1),top .38s cubic-bezier(.2,.82,.2,1),padding .38s,border-radius .38s,background .38s,box-shadow .38s;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 7px #494c5726,0 13px 24px #3d425224}.nav-shell:hover,.nav-shell:focus-within{background:color-mix(in srgb, var(--paper) 75%, transparent);-webkit-backdrop-filter:blur(25px)saturate(150%);backdrop-filter:blur(25px)saturate(150%);border:1px solid #ffffffc2;border-radius:44px;justify-content:flex-start;width:min(860px,100vw - 72px);height:86px;padding:10px 18px;top:24px;box-shadow:0 12px #393c4721,0 24px 52px #3a3d4e33,inset 0 1px #ffffffe6}.nav-peek{justify-content:center;align-items:flex-end;padding-bottom:13px;transition:opacity .16s,transform .26s;display:flex;position:absolute;inset:0}.nav-peek span{background:linear-gradient(90deg,#e8a3b8,#dc8fab);border-radius:99px;width:64px;height:6px;box-shadow:0 2px 8px #d46a8c3d}.nav-shell:hover .nav-peek,.nav-shell:focus-within .nav-peek{opacity:0;pointer-events:none;transform:translateY(-8px)}.brand{color:var(--ink-strong);letter-spacing:-.5px;opacity:0;pointer-events:none;flex:0 0 142px;align-items:center;gap:9px;font-size:17px;font-weight:800;transition:opacity .22s .12s,transform .3s .12s;display:inline-flex;transform:translate(-12px)}.brand-bloom{width:34px;height:34px;color:var(--pink-deep);background:#ffffffb8;border-radius:50%;flex:0 0 34px;place-items:center;display:grid;box-shadow:0 6px 16px #da5e7d29}.brand-dot{color:var(--pink)}.nav-shell:hover .brand,.nav-shell:focus-within .brand{opacity:1;pointer-events:auto;transform:none}.desktop-nav{opacity:0;pointer-events:none;flex:auto;justify-content:center;align-items:stretch;gap:3px;min-width:0;transition:opacity .22s .1s,transform .34s cubic-bezier(.2,.82,.2,1) 80ms;display:flex;transform:translateY(-7px)scale(.98)}.nav-shell:hover .desktop-nav,.nav-shell:focus-within .desktop-nav{opacity:1;pointer-events:auto;transform:none}.desktop-nav a{min-width:116px;height:62px;color:var(--ink-strong);border-radius:31px;align-items:center;gap:8px;padding:8px 11px;transition:background .24s,box-shadow .24s,transform .24s;display:flex}.desktop-nav a:hover{background:#ffffff8a;transform:translateY(-1px)}.desktop-nav a.router-link-active{background:linear-gradient(135deg,#f9d6e1b8,#e9f3fbb3);box-shadow:inset 0 0 0 1px #ffffffad,0 8px 18px #b37f951f}.nav-icon{color:#38445a;background:#ffffffa8;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #6c707c0f}.nav-copy{min-width:0;line-height:1.05;display:grid}.nav-copy strong{letter-spacing:.08em;font-size:13px}.nav-copy small{color:var(--muted);letter-spacing:.01em;margin-top:4px;font-size:10px;font-weight:700}.nav-actions{opacity:0;pointer-events:none;flex:none;gap:9px;transition:opacity .2s .15s,transform .3s .12s;display:flex;transform:translate(9px)}.nav-shell:hover .nav-actions,.nav-shell:focus-within .nav-actions{opacity:1;pointer-events:auto;transform:none}.icon-button,.menu-button,.plain-icon{cursor:pointer;background:#ffffff94;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.menu-button,.mobile-nav{display:none}.ripple-wave{pointer-events:none;background:#ffffff7a;border-radius:50%;animation:.62s ease-out ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.home-hero{background:#dce9f2;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-image{background:url(/images/tuantuan-10.jpg) 56%/cover no-repeat;animation:14s ease-in-out infinite alternate hero-breathe;position:absolute;inset:0;transform:scale(1.04)}.hero-tint{background:linear-gradient(90deg,#f7f5f766,#f7e5eb14 45%,#3d475e24),linear-gradient(#ffffff38,#0000 52%,#202e4638);position:absolute;inset:0}.hero-grid{opacity:.18;background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}@keyframes hero-breathe{to{transform:scale(1.085)translate(-.6%,-.3%)}}.hero-center{z-index:2;text-align:center;color:#fff;text-shadow:0 5px 30px #2f364c4d;width:min(880px,85vw);margin-top:-18px;position:relative}.hero-overline{letter-spacing:.22em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:800;display:inline-flex}.hero-center h1{letter-spacing:-.065em;margin:0;font-size:clamp(70px,10vw,142px);font-weight:800;line-height:.9}.hero-center h1 span{font-family:var(--hand);color:#ffd7df;letter-spacing:-.02em;font-weight:400}.hero-japanese{letter-spacing:.2em;opacity:.88;margin:24px 0 8px;font-size:13px}.hero-typed{font-family:var(--serif);letter-spacing:.12em;min-height:38px;font-size:clamp(17px,2vw,23px)}.type-caret{vertical-align:-.12em;background:currentColor;width:2px;height:1em;margin-left:5px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.floating-tag{z-index:3;color:#56586b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff9e;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:800;animation:4.5s ease-in-out infinite alternate tag-float;display:inline-flex;position:absolute;box-shadow:0 8px 24px #4743511f}.floating-tag:nth-of-type(2n){animation-delay:-1.7s}.tone-mint{background:#ccefe0d1}.tone-yellow{background:#ffecb0d6}.tone-blue{background:#cce7fad6}.tone-pink{background:#ffcad8d6}.tone-lilac{background:#e1d2f5d6}.tone-peach{background:#ffdcc3d6}@keyframes tag-float{to{translate:4px -10px}}.hero-clock,.hero-quote{z-index:3;color:#fff;text-shadow:0 2px 12px #1e243659;background:#363d5052;border-color:#fff6;border-radius:18px;position:absolute}.hero-clock{min-width:210px;padding:18px 22px;top:20%;right:8%}.hero-clock>span{letter-spacing:.1em;opacity:.78;font-size:10px;display:block}.hero-clock strong{letter-spacing:.1em;font-size:28px;line-height:1.2;display:block}.hero-clock small{opacity:.82;align-items:center;gap:5px;margin-top:8px;display:flex}.hero-quote{max-width:370px;padding:18px 24px 18px 38px;bottom:16%;left:11%}.hero-quote .quote-mark{opacity:.5;font-family:Georgia,serif;font-size:50px;position:absolute;top:3px;left:15px}.hero-quote p{font-family:var(--serif);margin:0 0 4px;font-size:16px}.hero-quote small{opacity:.75}.hero-scroll{z-index:3;color:#fff;letter-spacing:.24em;writing-mode:vertical-rl;align-items:center;gap:10px;font-size:9px;animation:1.8s ease-in-out infinite scroll-hint;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes scroll-hint{50%{translate:0 5px}}.section-heading{grid-template-columns:1.2fr .8fr auto;align-items:end;gap:54px;margin-bottom:52px;display:grid}.section-heading.compact{grid-template-columns:1fr auto}.section-heading.compact>p{align-self:end;max-width:430px}.section-kicker{color:var(--pink-deep);letter-spacing:.22em;margin-bottom:14px;font-size:11px;font-weight:800;display:inline-block}.section-heading h2,.about-preview-copy h2,.timeline-heading h2{color:var(--ink-strong);font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.15}.section-heading h2 em,.about-preview-copy h2 em,.timeline-heading h2 em{color:var(--pink-deep);font-family:var(--hand);font-size:1.08em;font-style:normal}.section-heading>p{color:var(--muted);margin:0 0 4px;font-size:14px}.text-link{border-bottom:1px solid;align-items:center;gap:8px;width:max-content;padding-bottom:4px;font-size:13px;font-weight:800;transition:color .25s,gap .25s;display:inline-flex}.text-link:hover{color:var(--pink-deep);gap:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.project-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-soft);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .24s,box-shadow .3s;position:relative;overflow:hidden}.project-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff52,transparent 32%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover:after{opacity:1}.project-card:hover{box-shadow:0 28px 70px #664b5b2e}.project-cover{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s}.project-card:hover .project-cover img{filter:saturate(.9)brightness(.82);transform:scale(1.06)}.project-year,.project-overlay{z-index:2;position:absolute}.project-year{color:#4f5261;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;background:#ffffffbf;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:800;top:16px;right:16px}.project-overlay{opacity:0;color:#393c48;background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:800;transition:opacity .3s,transform .3s;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-35%)}.project-card:hover .project-overlay{opacity:1;transform:translate(-50%,-50%)}.project-body{padding:25px 26px 27px}.card-eyebrow{color:var(--pink-deep);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.project-body h3{color:var(--ink-strong);font-family:var(--serif);margin:10px 0 8px;font-size:27px;font-weight:400;line-height:1.2}.project-body p{color:var(--muted);margin:0;font-size:13px}.tag-row{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tag-row span{background:color-mix(in srgb,var(--pink-soft) 28%,var(--paper));color:var(--muted);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700}.blog-home-grid{grid-template-columns:1.15fr .85fr;gap:26px;display:grid}.blog-home-grid .blog-card:first-child{grid-row:span 2}.blog-home-grid .blog-card:not(:first-child){grid-template-columns:190px 1fr;display:grid}.blog-home-grid .blog-card:not(:first-child) .blog-cover{aspect-ratio:auto;min-height:220px}.blog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow);border-color:#e87c9552;transform:translateY(-7px)}.blog-cover{aspect-ratio:16/8.8;display:block;position:relative;overflow:hidden}.blog-cover:after{content:"";background:linear-gradient(#0000 45%,#292d3c38);position:absolute;inset:0}.blog-cover img{object-fit:cover;width:100%;height:100%;transition:transform .65s}.blog-card:hover .blog-cover img{transform:scale(1.045)}.blog-category{z-index:2;color:#4d5160;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:800;position:absolute;top:15px;left:15px}.blog-card-content{padding:23px 24px 25px}.blog-meta{color:var(--muted);letter-spacing:.05em;gap:16px;font-size:10px;font-weight:700;display:flex}.blog-meta span{align-items:center;gap:4px;display:inline-flex}.blog-card h3{color:var(--ink-strong);font-family:var(--serif);margin:10px 0;font-size:24px;font-weight:400;line-height:1.3}.blog-card-content>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.blog-card-footer{justify-content:space-between;align-items:end;gap:16px;display:flex}.round-link{background:var(--paper-soft);width:34px;height:34px;color:var(--pink-deep);border-radius:50%;flex:none;place-items:center;transition:transform .25s,background .25s;display:grid}.round-link:hover{background:var(--pink-soft);transform:translate(3px)}.about-preview-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(60px,8vw,120px);display:grid}.portrait-stack{min-height:570px;position:relative}.portrait-main{width:72%;height:520px;box-shadow:var(--shadow);border-radius:180px 180px 24px 24px;position:absolute;top:0;left:0;overflow:hidden}.portrait-main img{object-fit:cover;width:100%;height:100%}.portrait-small{aspect-ratio:3/4;border:10px solid var(--paper);width:42%;box-shadow:var(--shadow-soft);border-radius:20px;position:absolute;bottom:0;right:0;overflow:hidden;transform:rotate(3deg)}.portrait-small img{object-fit:cover;width:100%;height:100%}.portrait-stamp{text-align:center;border:1px dashed var(--pink-deep);background:var(--paper);width:100px;height:100px;color:var(--pink-deep);font-family:var(--hand);border-radius:50%;place-items:center;font-size:19px;display:grid;position:absolute;bottom:16px;left:5%;transform:rotate(-12deg)}.about-preview-copy>p{color:var(--muted);max-width:560px;margin:28px 0;font-size:15px}.mini-facts{gap:10px;margin-bottom:30px;display:grid}.mini-facts span{align-items:center;gap:9px;font-size:13px;display:flex}.mini-facts svg{color:var(--pink-deep)}.primary-button,.secondary-button,.light-button,.outline-light-button{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden}.primary-button{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;box-shadow:0 12px 28px #d95b7a3d}.primary-button:hover,.light-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #d95b7a4d}.secondary-button{background:var(--white);border:1px solid var(--border)}.light-button{color:#404451;background:#ffffffe6}.outline-light-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff9}.home-cta{place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.home-cta-image{filter:saturate(.9);background:url(/images/tuantuan-05.jpg) 50% 42%/cover no-repeat;position:absolute;inset:0}.home-cta:after{content:"";background:linear-gradient(90deg,#2f2b3ead,#523f4c38);position:absolute;inset:0}.home-cta-copy{z-index:2;color:#fff;width:min(1180px,100% - 48px);position:relative}.home-cta-copy>span{letter-spacing:.2em;font-size:10px}.home-cta-copy h2{font-family:var(--serif);margin:15px 0 28px;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.2}.page-hero{background:#dfe9f2;align-items:flex-end;min-height:560px;padding:160px 0 90px;display:flex;position:relative;overflow:hidden}.page-hero:before{content:"";background-image:var(--hero-image);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.03)}.page-hero-wash{background:linear-gradient(90deg,#fcf8f7eb 0%,#fcf4f6b8 43%,#4a4d5f42 100%);position:absolute;inset:0}[data-theme=night] .page-hero-wash{background:linear-gradient(90deg,#141722f0,#1b1c28b8,#0c0e1847)}.page-hero-content{z-index:2;position:relative}.page-hero-content h1{max-width:780px;color:var(--ink-strong);font-family:var(--serif);letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(44px,6vw,76px);font-weight:400;line-height:1.14}.page-hero-content>p{max-width:650px;color:var(--ink);margin:0;font-size:15px}.scroll-thread{color:#fff;letter-spacing:.16em;writing-mode:vertical-rl;z-index:2;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:32px;right:30px}.scroll-thread span{background:#ffffffb3;width:1px;height:54px}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:45px;display:flex}.filter-bar button{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:999px;padding:9px 17px;font-size:11px;font-weight:700;transition:all .25s;position:relative;overflow:hidden}.filter-bar button:hover,.filter-bar button.active{background:var(--ink-strong);border-color:var(--ink-strong);color:var(--paper)}.portfolio-grid{gap:34px}.portfolio-grid.changing{animation:.26s grid-turn}@keyframes grid-turn{50%{opacity:.25;transform:perspective(900px)rotateX(3deg)translateY(8px)}}.filter-enter-active,.filter-leave-active{transition:all .35s}.filter-enter-from,.filter-leave-to{opacity:0;transform:translateY(16px)scale(.97)}.blog-search{width:min(450px,100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:11px 16px;display:flex}.blog-search svg{color:var(--pink-deep)}.blog-search input{color:#414654;background:0 0;border:0;outline:0;width:100%;font-size:13px}.result-count{color:var(--muted);letter-spacing:.06em;margin-bottom:28px;font-size:12px}.result-count span{font-family:var(--serif);color:var(--pink-deep);margin-right:8px;font-size:32px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:90px 20px}.empty-state strong{font-family:var(--serif);color:var(--ink-strong);font-size:28px}.empty-state p{color:var(--muted)}.project-detail-hero{color:#fff;height:min(86vh,820px);min-height:620px;position:relative;overflow:hidden}.project-detail-hero>img{object-fit:cover;width:100%;height:100%;transition:opacity .35s,transform 8s;animation:14s ease-out both detail-zoom;position:absolute;inset:0}@keyframes detail-zoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.project-detail-shade{background:linear-gradient(#1c1f2e14 35%,#1c1f2ec2),linear-gradient(90deg,#1c1f2e5c,#0000 58%);position:absolute;inset:0}.project-detail-copy{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:90px;display:flex;position:relative}.back-link{align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:125px}.back-link.dark{color:var(--ink);margin-bottom:60px;position:static}.project-detail-copy .section-kicker{color:#ffd4dc}.project-detail-copy h1{font-family:var(--serif);margin:0;font-size:clamp(58px,8vw,108px);font-weight:400;line-height:1}.project-detail-copy>p{opacity:.88;font-size:17px}.project-actions{gap:12px;margin-top:22px;display:flex}.gallery-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:34px;right:32px}.gallery-dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:99px;width:28px;height:3px;padding:0;transition:width .25s,background .25s}.gallery-dots button.active{background:#fff;width:50px}.project-overview{z-index:4;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:.7fr .7fr 1.6fr;margin-top:-35px;padding:28px 32px;display:grid;position:relative}.project-overview>div{border-right:1px solid var(--border);padding:0 24px}.project-overview>div:last-child{border:0}.project-overview span{color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:800;display:block}.project-overview strong{color:var(--ink-strong);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.overview-stack p{flex-wrap:wrap;gap:6px;margin:7px 0 0;display:flex}.overview-stack i{background:var(--paper-soft);border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal}.article-section{padding-top:100px;padding-bottom:120px}.article-hero{background:var(--paper-soft);padding:190px 0 90px;position:relative;overflow:hidden}.article-hero-bg{opacity:.3;filter:saturate(.7);background-position:50%;background-size:cover;border-radius:0 0 0 45%;width:48%;height:130%;position:absolute;top:-20%;right:-5%}.article-hero:after{content:"";background:linear-gradient(90deg,var(--paper-soft) 0 52%,transparent);position:absolute;inset:0}.article-hero-copy{z-index:2;position:relative}.article-hero-copy h1{max-width:850px;color:var(--ink-strong);font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(44px,6.5vw,82px);font-weight:400;line-height:1.15}.article-hero-copy>p{max-width:670px;color:var(--muted);margin:24px 0;font-size:16px}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:11px;display:flex}.article-meta span{align-items:center;gap:5px;display:flex}.article-layout{grid-template-columns:minmax(0,760px) 220px;justify-content:center;align-items:start;gap:80px;display:grid}.markdown-body{min-width:0;color:var(--ink);font-size:15px;line-height:1.95}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--ink-strong);font-family:var(--serif);scroll-margin-top:95px;font-weight:400}.markdown-body h1{margin:0 0 36px;font-size:42px}.markdown-body h2{margin:58px 0 20px;padding-left:19px;font-size:30px;position:relative}.markdown-body h2:before{content:"";background:linear-gradient(var(--pink),var(--blue));border-radius:99px;width:4px;position:absolute;top:.18em;bottom:.18em;left:0}.markdown-body h3{margin:38px 0 14px;font-size:23px}.markdown-body p{margin:16px 0}.markdown-body ul,.markdown-body ol{padding-left:22px}.markdown-body li{margin:6px 0}.markdown-body a{color:var(--pink-deep);border-bottom:1px dashed}.markdown-body blockquote{border-left:3px solid var(--pink);background:var(--paper-soft);color:var(--muted);border-radius:0 12px 12px 0;margin:30px 0;padding:18px 22px}.markdown-body pre{color:#e9edf5;box-shadow:var(--shadow-soft);background:#282b37;border-radius:15px;margin:30px 0;padding:48px 22px 22px;position:relative;overflow:auto}.markdown-body pre:before{content:"●  ●  ●";color:#ff778d;letter-spacing:4px;text-shadow:14px 0 #ffd36c,28px 0 #79d9a6;position:absolute;top:14px;left:18px}.markdown-body code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:13px}.markdown-body :not(pre)>code{background:color-mix(in srgb,var(--pink-soft) 30%,var(--paper));color:var(--pink-deep);border-radius:5px;padding:2px 6px}.markdown-body img{opacity:0;border-radius:16px;animation:.7s .15s forwards image-in}@keyframes image-in{to{opacity:1}}.article-toc{border-left:1px solid var(--border);gap:10px;padding:20px 0;display:grid;position:sticky;top:110px}.article-toc>span{color:var(--pink-deep);letter-spacing:.18em;margin-bottom:5px;padding-left:18px;font-size:9px;font-weight:800}.article-toc a{color:var(--muted);padding-left:18px;font-size:11px;line-height:1.45;transition:color .2s,border-color .2s}.article-toc a:hover{color:var(--pink-deep);border-left:2px solid var(--pink);margin-left:-1px}.article-toc .toc-level-2{padding-left:28px}.article-toc .toc-level-3{padding-left:38px}.article-end{text-align:center;padding-bottom:120px}.article-end>span{color:var(--pink);font-size:32px}.article-end p{color:var(--muted);font-size:13px}.article-end .text-link{margin:auto}.missing-content{text-align:center;min-height:80vh;padding-top:220px}.missing-content>span{letter-spacing:.18em;color:var(--pink-deep);font-size:10px}.missing-content h1{font-family:var(--serif);color:var(--ink-strong);font-size:50px;font-weight:400}.about-profile-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(60px,9vw,130px);display:grid}.profile-gallery{min-height:660px;position:relative}.profile-photo{width:76%;height:610px;box-shadow:var(--shadow);border-radius:220px 220px 24px 24px;overflow:hidden}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo-secondary{aspect-ratio:3/4;object-fit:cover;border:10px solid var(--paper);width:40%;box-shadow:var(--shadow-soft);border-radius:18px;position:absolute;bottom:4%;right:0;transform:rotate(4deg)}.profile-doodle{color:var(--pink-deep);font-family:var(--hand);font-size:27px;line-height:.9;position:absolute;top:4%;right:2%;transform:rotate(8deg)}.profile-copy h2{font-family:var(--serif);color:var(--ink-strong);margin:0;font-size:clamp(45px,6vw,72px);font-weight:400;line-height:1.1}.profile-role{letter-spacing:.05em;font-weight:800;color:var(--pink-deep)!important;font-size:13px!important}.profile-copy>p{color:var(--muted);font-size:15px}.profile-facts{gap:0;margin:28px 0;display:grid}.profile-facts>div{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr;padding:12px 0;display:grid}.profile-facts dt{letter-spacing:.15em;color:var(--muted);font-size:9px;font-weight:800}.profile-facts dd{align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.profile-facts dd svg{color:var(--pink-deep)}.social-actions{gap:10px;display:flex}.skill-cloud{flex-wrap:wrap;justify-content:center;gap:14px;padding:35px;display:flex}.skill-cloud span{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-soft);animation:3.6s ease-in-out infinite skill-bounce;animation-delay:calc(var(--index) * -.35s);border-radius:999px;padding:12px 19px;font-size:12px;font-weight:800;display:inline-flex}.skill-cloud span:nth-child(3n+1){background:color-mix(in srgb,var(--pink-soft) 34%,var(--white))}.skill-cloud span:nth-child(3n+2){background:color-mix(in srgb,var(--blue-soft) 40%,var(--white))}.skill-cloud span:nth-child(3n){background:color-mix(in srgb,var(--mint) 32%,var(--white))}@keyframes skill-bounce{50%{transform:translateY(-7px)rotate(-1deg)}}.timeline-heading{text-align:center;margin-bottom:70px}.timeline{max-width:900px;margin:auto;position:relative}.timeline:before{content:"";background:linear-gradient(transparent,var(--pink-soft) 8%,var(--pink-soft) 92%,transparent);width:1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{width:50%;padding:0 55px 55px 0;position:relative}.timeline-item.from-right{margin-left:50%;padding:0 0 55px 55px}.timeline-item i{border:4px solid var(--paper);background:var(--pink);width:14px;height:14px;box-shadow:0 0 0 1px var(--pink-soft);border-radius:50%;position:absolute;top:18px;right:-7px}.timeline-item.from-right i{left:-7px;right:auto}.timeline-card{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-soft);border-radius:16px;padding:23px 25px}.timeline-card>span{letter-spacing:.15em;color:var(--pink-deep);font-size:9px;font-weight:800}.timeline-card h3{font-family:var(--serif);color:var(--ink-strong);margin:8px 0;font-size:22px;font-weight:400}.timeline-card p{color:var(--muted);margin:0;font-size:12px}.interest-section{background:var(--ink-strong);color:#fff}.interest-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.interest-copy .section-kicker{color:#ffd1dc}.interest-copy h2{font-family:var(--serif);margin:0;font-size:55px;font-weight:400;line-height:1.2}.interest-copy p{opacity:.64;max-width:480px;font-size:13px}.interest-list{display:grid}.interest-list span{font-family:var(--serif);border-bottom:1px solid #ffffff29;justify-content:space-between;padding:17px 0;font-size:18px;display:flex}.interest-list i{font-family:var(--sans);color:#ffc2d0;font-style:normal}.music-dock{z-index:45;position:fixed;top:38%;left:0}.music-tab{box-shadow:var(--shadow-soft);color:#555968;cursor:pointer;writing-mode:vertical-rl;letter-spacing:.12em;background:#fffc;border:0;border-radius:0 12px 12px 0;align-items:center;gap:6px;padding:12px 10px;font-size:10px;font-weight:800;display:flex;position:relative;overflow:hidden}.music-tab svg{color:var(--pink-deep)}.music-panel{width:270px;color:var(--ink);border-radius:18px;padding:16px 18px;position:absolute;top:-80px;left:48px}.music-panel-head{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.music-panel-head>span{align-items:center;gap:6px;display:flex}.live-dot{background:#70cf91;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #70cf9129}.record-shell{background:repeating-radial-gradient(#323542 0 2px,#242631 3px 5px);border-radius:50%;width:112px;height:112px;margin:18px auto 12px;padding:8px;position:relative;box-shadow:0 12px 28px #23242f47}.record-shell img{object-fit:cover;border-radius:50%;width:100%;height:100%}.record-shell>span{background:#272936;border:5px solid #f3e7e7;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-shell.spinning{animation:7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.track-copy{text-align:center}.track-copy strong,.track-copy small{display:block}.track-copy strong{font-family:var(--serif);color:var(--ink-strong);font-size:17px}.track-copy small{color:var(--muted);font-size:10px}.mock-progress{background:var(--border);border-radius:99px;height:3px;margin:14px 0;overflow:hidden}.mock-progress i{background:linear-gradient(90deg,var(--pink),var(--blue));border-radius:99px;height:100%;transition:width 4s linear;display:block}.track-controls{justify-content:center;align-items:center;gap:15px;display:flex}.track-controls button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.track-controls .play-button{background:var(--ink-strong);width:38px;height:38px;color:var(--paper);border-radius:50%;position:relative;overflow:hidden}.volume-control{align-items:center;gap:8px;margin-top:13px;display:flex}.volume-control input{width:100%;accent-color:var(--pink)}.music-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:9px}.drawer-enter-active,.drawer-leave-active{transition:all .32s cubic-bezier(.2,.8,.2,1)}.drawer-enter-from,.drawer-leave-to{opacity:0;transform:translate(-24px)scale(.96)}.capsule-trigger{z-index:44;box-shadow:var(--shadow-soft);color:#555968;cursor:pointer;writing-mode:vertical-rl;letter-spacing:.12em;background:#fffc;border:0;border-radius:12px 0 0 12px;align-items:center;gap:6px;padding:12px 10px;font-size:10px;font-weight:800;display:flex;position:fixed;top:34%;right:0}.capsule-trigger svg{color:var(--pink-deep)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#36374457;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.daily-capsule{color:#4f5362;background:#fffaf8db;border-radius:22px;width:min(520px,100%);padding:28px;position:relative}.capsule-close{cursor:pointer;background:#fff9;border:1px solid #5b4f5729;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.capsule-date{color:#a3858d;letter-spacing:.1em;margin:0 0 3px;font-size:9px}.daily-capsule h2{font-family:var(--serif);color:#4a4d5b;align-items:center;gap:9px;margin:0 0 18px;font-size:25px;font-weight:400;display:flex}.daily-capsule h2 svg{color:var(--pink-deep)}.capsule-paper{background:linear-gradient(135deg,#fffaf9,#f8eef4);border:1px solid #e2a0b33d;border-radius:14px;padding:20px;box-shadow:inset 0 0 30px #ed9ab014}.capsule-paper strong{font-size:12px}.capsule-paper p{font-family:var(--serif);margin:10px 0 0;font-size:14px;line-height:1.9}.capsule-check{align-items:center;gap:7px;margin-top:14px;font-size:10px;display:flex}.capsule-check input{accent-color:var(--pink-deep)}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-active .daily-capsule,.modal-leave-active .daily-capsule{transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .3s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .daily-capsule,.modal-leave-to .daily-capsule{opacity:0;transform:translateY(20px)scale(.96)}.back-to-top{z-index:46;background:var(--glass);width:42px;height:42px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:25px;right:25px;overflow:hidden}.site-footer{background:var(--paper-soft);border-top:1px solid var(--border);padding:80px 0 20px;position:relative;overflow:hidden}.footer-grid{grid-template-columns:1.4fr .7fr .9fr;align-items:start;gap:70px;display:grid}.footer-brand{margin-bottom:14px}.footer-grid>div>p{max-width:360px;color:var(--muted);font-size:12px}.footer-grid nav{gap:10px;display:grid}.footer-grid nav a{align-items:center;gap:5px;width:max-content;font-size:12px;font-weight:700;display:flex}.footer-note{color:var(--muted);gap:9px;font-size:11px;display:grid}.footer-note span{align-items:center;gap:6px;display:flex}.footer-note span:last-child svg{color:var(--pink-deep)}.footer-admin-link{width:max-content;color:color-mix(in srgb,var(--muted) 76%,transparent);align-items:center;gap:6px;margin-top:5px;font-size:9px;transition:color .2s;display:flex}.footer-admin-link:hover{color:var(--pink-deep)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.08em;margin-top:55px;padding-top:20px;font-size:9px}.footer-orbit{border:1px dashed var(--pink-soft);border-radius:50%;place-items:center;width:180px;height:180px;animation:20s linear infinite spin;display:grid;position:absolute;top:-50px;right:-40px}.footer-orbit:before{content:"";border:1px solid var(--blue-soft);border-radius:50%;position:absolute;inset:28px}.footer-orbit span{color:var(--pink);font-size:28px}.not-found-page{place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.not-found-image{filter:saturate(.75);background:url(/images/tuantuan-02.jpg) 50% 24%/cover no-repeat;position:absolute;inset:0}.not-found-page:after{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f2edf38c;position:absolute;inset:0}.not-found-copy{z-index:2;text-align:center;border-radius:24px;width:min(560px,100% - 40px);padding:45px;position:relative}.not-found-copy>span{letter-spacing:.18em;color:var(--pink-deep);font-size:9px}.not-found-copy h1{font-family:var(--serif);color:#3e4250;font-size:42px;font-weight:400;line-height:1.25}.not-found-copy p{color:#737889;font-size:12px}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.2,.75,.2,1) var(--delay,0s),transform .75s cubic-bezier(.2,.75,.2,1) var(--delay,0s);transform:translateY(24px)}.reveal.from-left{transform:translate(-36px)}.reveal.from-right{transform:translate(36px)}.reveal.is-visible{opacity:1;transform:none}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .35s}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.fade-up-enter-active,.fade-up-leave-active{transition:all .25s}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(8px)}@media (width<=1024px){.section-pad{padding:90px 0}.desktop-nav{gap:25px}.floating-tag:nth-of-type(n+5){display:none}.hero-clock{right:4%}.hero-quote{left:5%}.section-heading{grid-template-columns:1fr auto;gap:25px}.section-heading>p{grid-area:2/1/auto/-1}.blog-home-grid{grid-template-columns:1fr 1fr}.blog-home-grid .blog-card:first-child{grid-row:auto}.blog-home-grid .blog-card:not(:first-child){display:block}.blog-home-grid .blog-card:not(:first-child) .blog-cover{aspect-ratio:16/8.8;min-height:0}.blog-home-grid .blog-card:last-child{grid-column:1/-1;grid-template-columns:260px 1fr;display:grid}.about-preview-grid,.about-profile-grid{gap:60px}.portrait-stack{min-height:500px}.portrait-main{height:460px}.profile-gallery{min-height:560px}.profile-photo{height:520px}.article-layout{grid-template-columns:minmax(0,720px)}.article-toc{display:none}.footer-grid{grid-template-columns:1.2fr .7fr .8fr;gap:35px}}@media (width<=1024px) and (width>=761px){.nav-shell:hover,.nav-shell:focus-within{width:min(810px,100vw - 38px);padding-inline:13px}.brand{flex-basis:122px;font-size:15px}.desktop-nav{gap:1px}.desktop-nav a{min-width:105px;padding-inline:8px}}@media (width<=760px){.container{width:min(100% - 32px,1180px)}.section-pad{padding:72px 0}.site-header{height:66px}.nav-shell{width:calc(100% - 28px)}.menu-button{display:grid}.mobile-nav{border:1px solid var(--border);background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:top;opacity:0;visibility:hidden;border-radius:16px;gap:5px;padding:12px;transition:all .28s;display:grid;position:absolute;top:66px;left:12px;right:12px;transform:translateY(-10px)scale(.98)}.menu-open .mobile-nav{opacity:1;visibility:visible;transform:none}.mobile-nav a{opacity:0;transition:background .2s,opacity .25s calc(var(--index) * 40ms),transform .25s calc(var(--index) * 40ms);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-weight:700;display:flex;transform:translate(-10px)}.menu-open .mobile-nav a{opacity:1;transform:none}.mobile-nav a:hover,.mobile-nav a.router-link-active{background:var(--paper-soft)}.mobile-nav a span{color:var(--pink-deep);font-size:9px}.home-hero{min-height:760px}.hero-image{background-position:62%}.hero-tint{background:linear-gradient(#ffe9ef24,#1e283c6b)}.hero-center{margin-top:-55px}.hero-center h1{font-size:clamp(62px,19vw,100px)}.hero-overline{font-size:8px}.floating-tag{padding:6px 10px;font-size:9px}.floating-tag:nth-of-type(n+4){display:none}.floating-tag:first-of-type{top:22%!important;left:5%!important}.floating-tag:nth-of-type(2){right:5%;top:25%!important;left:auto!important}.floating-tag:nth-of-type(3){top:72%!important;left:8%!important}.hero-clock{min-width:160px;padding:13px 15px;top:auto;bottom:90px;right:18px}.hero-clock strong{font-size:20px}.hero-quote{max-width:none;padding:14px 16px 14px 31px;bottom:155px;left:16px;right:16px}.hero-scroll{bottom:18px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:20px}.section-heading>p{grid-row:auto}.section-heading h2{font-size:42px}.project-grid,.blog-grid,.blog-home-grid{grid-template-columns:1fr}.blog-home-grid .blog-card:last-child{grid-column:auto;display:block}.project-body{padding:21px}.about-preview-grid,.about-profile-grid{grid-template-columns:1fr}.portrait-stack{min-height:490px}.portrait-main{width:76%;height:450px}.about-preview-copy h2{font-size:45px}.home-cta{min-height:500px}.home-cta:after{background:#2d2b397a}.page-hero{min-height:510px;padding-bottom:65px}.page-hero:before{background-position:65%}.page-hero-wash{background:linear-gradient(#fcf4f67a,#fcf8f7f0)}.page-hero-content h1{font-size:44px}.scroll-thread{display:none}.filter-bar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:5px;overflow-x:auto}.filter-bar button{flex:none}.project-detail-hero{min-height:680px}.project-detail-copy{padding-bottom:85px}.back-link{top:105px}.project-detail-copy h1{font-size:58px}.project-actions{flex-wrap:wrap}.project-overview{grid-template-columns:1fr 1fr;padding:20px 18px}.project-overview>div{padding:0 12px}.project-overview .overview-stack{border:0;border-top:1px solid var(--border);grid-column:1/-1;margin-top:15px;padding-top:15px}.article-hero{padding:140px 0 70px}.article-hero-bg{opacity:.18;border-radius:0;width:100%;height:100%;top:0;right:0}.article-hero:after{background:linear-gradient(0deg,var(--paper-soft) 0 50%,transparent)}.back-link.dark{margin-bottom:45px}.article-hero-copy h1{font-size:43px}.article-section{padding-top:70px;padding-bottom:80px}.markdown-body h1{font-size:35px}.markdown-body h2{font-size:27px}.profile-gallery{min-height:570px}.profile-photo{width:78%;height:530px}.profile-copy h2{font-size:52px}.social-actions{flex-wrap:wrap}.skill-cloud{padding:10px 0}.timeline-heading h2{font-size:43px}.timeline:before{left:7px}.timeline-item,.timeline-item.from-right{width:100%;margin-left:0;padding:0 0 30px 35px}.timeline-item i,.timeline-item.from-right i{left:0;right:auto}.interest-grid{grid-template-columns:1fr;gap:45px}.interest-copy h2{font-size:43px}.music-dock{top:auto;bottom:25px}.music-tab{writing-mode:horizontal-tb;border-radius:0 12px 12px 0}.music-panel{top:auto;bottom:50px;left:12px}.capsule-trigger{writing-mode:horizontal-tb;border-radius:12px;top:auto;bottom:25px;right:72px}.back-to-top{bottom:18px;right:18px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{margin-top:35px}.petal-field .petal:nth-child(n+11){display:none}.site-header{pointer-events:auto;height:66px}.site-header:before{display:none}.nav-shell,.nav-shell:hover,.nav-shell:focus-within{width:calc(100% - 28px);height:66px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:space-between;gap:10px;margin:0 auto;padding:0;transition:none;position:relative;top:0;left:auto;overflow:visible;transform:none}.nav-peek{display:none}.brand,.nav-shell:hover .brand,.nav-shell:focus-within .brand{opacity:1;pointer-events:auto;flex:0 auto;font-size:18px;transform:none}.brand-bloom{flex-basis:28px;width:28px;height:28px}.desktop-nav{display:none}.nav-actions,.nav-shell:hover .nav-actions,.nav-shell:focus-within .nav-actions{opacity:1;pointer-events:auto;margin-left:auto;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-image{transform:none}.reveal{opacity:1;transform:none}}.about-desktop-page{background:linear-gradient(145deg,#fbf7ef 0%,#fffaf6 46%,#f8f0eb 100%);min-height:100svh;padding:124px 0 88px;position:relative;overflow:hidden}.about-desktop-page:before{content:"";filter:grayscale(.42);opacity:.42;background-image:linear-gradient(#fffaf6e6,#fffaf6f0),url(/images/tuantuan-03.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.about-desktop-page:after{content:"";pointer-events:none;background-image:linear-gradient(#72707a0e 1px,#0000 1px),linear-gradient(90deg,#72707a0e 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 14% 80%,#0000);mask-image:linear-gradient(#0000,#000 14% 80%,#0000)}.about-desktop-glow{filter:blur(2px);opacity:.48;pointer-events:none;border-radius:50%;position:absolute}.about-desktop-glow-one{background:radial-gradient(circle,#f4c1d075,#0000 70%);width:270px;height:270px;top:72px;right:4%}.about-desktop-glow-two{background:radial-gradient(circle,#bbdbe861,#0000 72%);width:330px;height:260px;bottom:2%;left:5%}.about-workspace{z-index:2;grid-template-columns:270px minmax(0,1fr);align-items:stretch;gap:14px;display:grid;position:relative}.about-panel{-webkit-backdrop-filter:blur(20px)saturate(118%);background:#fffcf8b8;border:1px solid #6c707e3d;border-radius:11px;box-shadow:0 18px 45px #5b4e5514,inset 0 1px #ffffffdb}.about-sidebar{grid-template-rows:184px 1fr;gap:12px;display:grid;position:relative}.about-side-tab{z-index:3;color:#777989;letter-spacing:.16em;writing-mode:vertical-rl;background:#f2eef0e6;border:1px solid #686c7933;border-radius:8px 0 0 8px;padding:13px 8px;font-size:8px;font-weight:900;position:absolute;top:24px;left:-31px;box-shadow:-6px 9px 18px #574e5314}.about-avatar-card{place-items:center;display:grid;position:relative;overflow:hidden}.about-avatar-card:before{content:"";background:linear-gradient(140deg,#f8d0daa8,#daeaf65c);position:absolute;inset:-20% 42% -20% -20%;transform:rotate(10deg)}.about-avatar-card img{object-fit:cover;border:7px solid #ffffffd6;border-radius:50%;width:118px;height:118px;position:relative;box-shadow:0 12px 30px #7652632e}.about-avatar-card small{color:#9c8a93;letter-spacing:.14em;font-size:7px;font-weight:900;position:absolute;bottom:10px;right:12px}.about-avatar-orbit{border:1px dashed #df849e6b;border-radius:50%;width:145px;height:145px;animation:20s linear infinite spin;position:absolute}.about-avatar-action{color:#fff;background:linear-gradient(145deg,#9ebadd,#c0acd9);border:3px solid #ffffffe0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:calc(50% + 25px);left:calc(50% + 36px);box-shadow:0 7px 14px #5d648833}.about-profile-card{padding:22px 20px 20px}.about-card-label{color:#d47b98;letter-spacing:.13em;align-items:center;gap:7px;font-size:8px;font-weight:900;display:flex}.about-profile-card h2{color:#344056;font-family:var(--serif);margin:10px 0 0;font-size:38px;font-weight:700;line-height:1}.about-profile-card>strong{color:#3e485b;margin-top:9px;font-size:10px;display:block}.about-profile-card>p{color:#687084;margin:17px 0;font-size:11px;line-height:1.9}.about-profile-facts{gap:0;margin:13px 0 0;display:grid}.about-profile-facts>div{border-top:1px solid #6c707e1f;padding:10px 0}.about-profile-facts dt{color:#9b7f88;letter-spacing:.12em;align-items:center;gap:6px;font-size:7px;font-weight:900;display:flex}.about-profile-facts dd{color:#535b6c;margin:3px 0 0;font-size:10px}.about-main-column{grid-template-rows:auto auto auto;gap:12px;min-width:0;display:grid}.about-readme-card{min-height:240px;padding:31px 184px 34px 31px;position:relative;overflow:hidden}.about-readme-card:before{content:"“";color:#e7a3b81a;font-family:Georgia,serif;font-size:190px;line-height:1;position:absolute;top:-38px;right:29%}.about-readme-label span{background:#efabc0;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #efabc01f}.about-readme-copy{z-index:1;position:relative}.about-readme-copy h1{color:#364258;letter-spacing:-.045em;margin:13px 0 7px;font-size:clamp(42px,5vw,68px);line-height:1.08}.about-readme-copy h1 span{color:#4a566c}.about-readme-copy p{color:#697186;max-width:760px;margin:0;font-size:12px;line-height:1.9}.about-round-seal{z-index:2;background:linear-gradient(145deg,#f8ddebbd,#dbecf8b8);border:1px solid #ffffffe6;border-radius:50%;align-content:center;place-items:center;width:108px;height:108px;display:grid;position:absolute;top:50%;right:42px;transform:translateY(-50%);box-shadow:0 13px 30px #6c5b701c,inset 0 0 0 1px #89859714}.about-round-seal span{color:#d1839e;font-size:25px;line-height:1}.about-round-seal small{color:#4f596b;letter-spacing:.11em;margin-top:8px;font-size:7px;font-weight:900}.about-readme-rule{background:linear-gradient(90deg,#666e7d2e,#666e7d61,#666e7d1f);height:1px;position:absolute;bottom:14px;left:0;right:0}.about-readme-rule:after{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#d6e0e7 0 3px,#ffffffb3 3px 6px);border-radius:99px;width:65px;height:8px;position:absolute;top:-4px;right:17px}.about-tech-panel{padding:22px 20px 20px}.about-tech-heading{align-items:center;gap:11px;margin-bottom:18px;display:flex}.about-tech-icon{color:#3d4b64;background:#ffffffd6;border-radius:7px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 4px 14px #444c5e14}.about-tech-heading small{color:#d7849e;letter-spacing:.13em;font-size:7px;font-weight:900;display:block}.about-tech-heading h2{color:#344056;margin:0;font-size:18px;line-height:1.25}.about-tech-heading p{color:#97909a;margin-left:auto;font-size:9px}.about-tech-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.about-tech-card{background:#ffffff91;border:1px solid #676c7921;border-radius:8px;min-height:104px;padding:14px 12px;transition:transform .25s,background .25s,box-shadow .25s}.about-tech-card:hover{background:#ffffffd6;transform:translateY(-4px);box-shadow:0 13px 28px #574e541a}.about-tech-card-icon{border-radius:6px;place-items:center;width:28px;height:28px;margin-bottom:13px;display:grid}.about-tech-card-icon.tone-blue{color:#476b8a;background:#d8ebf7}.about-tech-card-icon.tone-amber{color:#b17835;background:#faead0}.about-tech-card-icon.tone-navy{color:#3e506d;background:#dce2ef}.about-tech-card-icon.tone-pink{color:#b56380;background:#f8dfe8}.about-tech-card-icon.tone-mint{color:#4e7c6a;background:#dceee7}.about-tech-card strong,.about-tech-card small{display:block}.about-tech-card strong{color:#414c60;font-size:11px}.about-tech-card small{color:#8a8e9b;margin-top:4px;font-size:8px;line-height:1.5}.about-contact-strip{background:#fffcf88f;border:1px solid #6c707e2e;border-radius:10px;justify-content:space-between;align-items:center;min-height:92px;padding:18px 25px;display:flex;position:relative;overflow:hidden}.about-contact-strip>div{z-index:1;display:grid;position:relative}.about-contact-strip>div span{color:#d17a95;letter-spacing:.13em;align-items:center;gap:6px;font-size:7px;font-weight:900;display:flex}.about-contact-strip>div a{color:#424d61;margin-top:4px;font-size:11px;font-weight:800}.about-contact-strip nav{z-index:1;gap:8px;display:flex;position:relative}.about-contact-strip nav a{color:#535c6e;background:#ffffff94;border:1px solid #676c7924;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:800;transition:transform .22s,background .22s;display:flex}.about-contact-strip nav a:hover{background:#fff;transform:translateY(-2px)}.about-strip-watermark{color:#d89db01f;position:absolute;bottom:-17px;right:31%;transform:rotate(-7deg)}@media (width<=960px){.about-workspace{grid-template-columns:220px minmax(0,1fr)}.about-readme-card{padding-right:145px}.about-round-seal{width:94px;height:94px;right:25px}.about-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-tech-card:nth-child(n+4){display:none}}@media (width<=700px){.about-desktop-page{padding:94px 0 68px}.about-workspace{grid-template-columns:1fr}.about-sidebar{grid-template-rows:auto;grid-template-columns:130px minmax(0,1fr);gap:10px}.about-avatar-card{min-height:210px}.about-avatar-card img{width:94px;height:94px}.about-avatar-orbit{width:116px;height:116px}.about-avatar-action{top:calc(50% + 17px);left:calc(50% + 27px)}.about-profile-card{padding:20px 17px}.about-profile-card h2{font-size:31px}.about-profile-card>p{margin:13px 0;font-size:10px}.about-side-tab{display:none}.about-readme-card{min-height:310px;padding:26px 22px 126px}.about-readme-copy h1{font-size:42px}.about-round-seal{width:90px;height:90px;inset:auto auto 20px 22px;transform:none}.about-tech-heading p{display:none}.about-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-tech-card:nth-child(n+4){display:block}.about-tech-card:last-child{grid-column:1/-1}.about-contact-strip{flex-direction:column;align-items:flex-start;gap:17px}.about-contact-strip nav{flex-wrap:wrap}.about-strip-watermark{right:10px}}@media (width<=460px){.about-sidebar{grid-template-columns:1fr}.about-avatar-card{min-height:178px}.about-profile-facts{display:none}.about-tech-grid{grid-template-columns:1fr}.about-tech-card:last-child{grid-column:auto}.about-tech-card{min-height:88px}.about-readme-copy h1{font-size:36px}.about-readme-copy p{font-size:11px}}@media (pointer:fine){html,body,body *{cursor:url(/cursor.png) 4 3,auto!important}}.is-admin-shell{color:#303747;background:#f4f5f8}.admin-route-main{min-height:100svh}.admin-login-page{color:#303747;background:#f7f7f9;grid-template-columns:minmax(430px,1.05fr) minmax(480px,.95fr);min-height:100svh;display:grid}.admin-login-art{min-height:100svh;position:relative;overflow:hidden}.admin-login-art:after{content:"";background:linear-gradient(#1e25361a,#191f2fb8);position:absolute;inset:0}.admin-login-art img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.admin-login-art-copy{z-index:2;color:#fff;position:absolute;bottom:clamp(45px,8vw,92px);left:clamp(38px,6vw,88px);right:40px}.admin-login-art-copy>span{letter-spacing:.2em;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.admin-login-art-copy h1{font-family:var(--serif);margin:18px 0 12px;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.2}.admin-login-art-copy p{opacity:.72;letter-spacing:.08em;margin:0;font-size:12px}.admin-login-main{place-items:center;padding:70px 40px;display:grid;position:relative}.admin-login-brand{align-items:center;gap:9px;font-weight:900;display:flex;position:absolute;top:30px;left:42px}.admin-login-brand>span{color:#c96789;background:#f6dce5;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.admin-login-card{background:#fff;border:1px solid #4850631a;border-radius:22px;width:min(420px,100%);padding:42px 40px;box-shadow:0 26px 70px #323a4c1a}.admin-login-lock{color:#526179;background:linear-gradient(145deg,#f8dce6,#dbeaf5);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.admin-login-eyebrow{color:#cc708f;letter-spacing:.19em;font-size:8px;font-weight:900}.admin-login-card h2{color:#30384b;font-family:var(--serif);margin:8px 0 4px;font-size:38px;font-weight:600}.admin-login-card>p{color:#8a8f9d;margin:0 0 27px;font-size:11px}.admin-login-card label{margin-top:17px;display:block}.admin-login-card label>span{color:#596174;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.admin-login-input{background:#fafbfc;border:1px solid #e2e4ea;border-radius:11px;align-items:center;gap:10px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.admin-login-input:focus-within{border-color:#df9cb2;box-shadow:0 0 0 4px #df9cb21c}.admin-login-input svg{color:#9a9eaa}.admin-login-input input{color:#343b4c;background:0 0;border:0;outline:0;flex:1;min-width:0;height:45px;font-size:12px}.admin-login-input button{background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.admin-login-error{color:#c04d63!important;margin:15px 0 0!important;font-size:10px!important}.admin-login-submit{color:#fff;background:#343c50;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;height:47px;margin-top:22px;font-size:11px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex}.admin-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #2d354833}.admin-login-submit:disabled{opacity:.58}.admin-login-card>small{color:#a4a7b0;text-align:center;margin-top:16px;font-size:8px;display:block}.admin-console{--admin-bg:#f3f4f7;--admin-card:#fff;--admin-line:#e7e8ed;--admin-ink:#30384b;--admin-muted:#8a909e;background:var(--admin-bg);min-height:100svh;color:var(--admin-ink)}.admin-sidebar{z-index:30;background:#fff;border-right:1px solid #e5e6eb;flex-direction:column;width:248px;padding:25px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.admin-console-brand{align-items:center;gap:11px;padding:0 10px 28px;display:flex}.admin-console-brand>span{color:#c36182;background:linear-gradient(145deg,#f5d6e1,#dbe9f4);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.admin-console-brand>div{line-height:1.15;display:grid}.admin-console-brand strong{font-size:14px}.admin-console-brand small{color:#a1a5b0;letter-spacing:.17em;margin-top:5px;font-size:7px;font-weight:900}.admin-sidebar nav{gap:5px;display:grid}.admin-sidebar nav button{color:#737988;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;height:44px;padding:0 12px;font-size:11px;font-weight:800;transition:background .2s,color .2s;display:flex}.admin-sidebar nav button:hover{color:#40495d;background:#f6f6f8}.admin-sidebar nav button.active{color:#b85f7d;background:linear-gradient(100deg,#f9e5eb,#eef3f8)}.admin-sidebar nav button i{text-align:center;background:#ffffffbf;border-radius:99px;min-width:23px;margin-left:auto;padding:2px 6px;font-size:8px;font-style:normal}.admin-sidebar-bottom{gap:4px;margin-top:auto;display:grid}.admin-sidebar-bottom>a,.admin-sidebar-bottom>button{color:#777d8c;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;height:38px;padding:0 11px;font-size:10px;font-weight:800;display:flex}.admin-sidebar-bottom>a:hover,.admin-sidebar-bottom>button:hover{color:#40495d;background:#f6f6f8}.admin-sidebar-user{border-top:1px solid #ececf0;align-items:center;gap:10px;margin-top:12px;padding:13px 10px 0;display:flex}.admin-sidebar-user>span{color:#fff;background:#384155;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.admin-sidebar-user>div{display:grid}.admin-sidebar-user strong{font-size:10px}.admin-sidebar-user small{color:#9ca0ab;font-size:8px}.admin-mobile-menu,.admin-sidebar-backdrop{display:none}.admin-main{min-height:100svh;margin-left:248px;padding:31px clamp(24px,4vw,58px) 70px}.admin-topbar{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.admin-topbar>div:first-child>span{color:#c86d8a;letter-spacing:.18em;font-size:7px;font-weight:900}.admin-topbar h1{font-family:var(--serif);margin:3px 0 0;font-size:30px;font-weight:700}.admin-topbar-actions{align-items:center;gap:8px;display:flex}.admin-topbar-actions select,.admin-topbar-actions button{color:#697082;background:#fff;border:1px solid #e0e2e8;border-radius:9px;height:37px;font-size:9px;font-weight:800}.admin-topbar-actions select{padding:0 31px 0 12px}.admin-topbar-actions button{align-items:center;gap:7px;padding:0 12px;display:flex}.admin-topbar-actions .spinning{animation:1s linear infinite spin}.admin-alert{color:#a94761;background:#fff2f5;border:1px solid #f0ccd5;border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:10px;display:flex}.admin-alert button{width:25px;height:25px;color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.admin-loading{color:#747b8b;align-content:center;place-items:center;gap:8px;min-height:64vh;display:grid}.admin-loading>span{color:#bd6684;background:linear-gradient(145deg,#f5d7e2,#dcebf5);border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:8px;animation:2s ease-in-out infinite skill-bounce;display:grid}.admin-loading strong{font-family:var(--serif);font-size:21px}.admin-loading small{color:#a1a5b0;font-size:9px}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.admin-metric-grid article{border:1px solid var(--admin-line);background:#fff;border-radius:14px;min-height:150px;padding:19px;position:relative;overflow:hidden}.admin-metric-grid article:after{content:"";border:1px dashed #ececf0;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-28px;right:-22px}.metric-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:14px;display:grid}.metric-icon.pink{color:#bd6684;background:#f8e1e9}.metric-icon.blue{color:#577c9d;background:#e0edf6}.metric-icon.amber{color:#aa7738;background:#faecd5}.metric-icon.mint{color:#527c6d;background:#dfeee9}.admin-metric-grid small{color:#858b99;font-size:9px;font-weight:800;display:block}.admin-metric-grid strong{color:#30384b;margin-top:1px;font-size:27px;line-height:1.25;display:block}.admin-metric-grid p{color:#a2a6b0;margin:5px 0 0;font-size:8px}.admin-panel{border:1px solid var(--admin-line);background:#fff;border-radius:14px}.admin-panel>header{justify-content:space-between;align-items:center;padding:17px 19px 12px;display:flex}.admin-panel>header span{color:#c47691;letter-spacing:.15em;font-size:7px;font-weight:900;display:block}.admin-panel>header h2{margin:2px 0 0;font-size:14px}.admin-panel>header>svg{color:#a7abb5}.admin-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px;display:grid}.admin-trend-panel,.admin-popular-panel{min-height:325px}.admin-bar-chart{align-items:flex-end;gap:clamp(5px,1.1vw,13px);height:245px;padding:20px 20px 17px;display:flex}.admin-bar-column{text-align:center;flex:1;grid-template-rows:18px 1fr 18px;align-items:end;min-width:0;height:100%;display:grid}.admin-bar-value{color:#8c919d;font-size:7px}.admin-bar-column>div{background:linear-gradient(#f7f7f91a,#f7f7f9b8);border-bottom:1px solid #ececf0;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.admin-bar-column i{background:linear-gradient(#e6a7bb,#c67591);border-radius:5px 5px 2px 2px;width:100%;min-height:4px;transition:height .45s;display:block;box-shadow:0 5px 12px #c5759124}.admin-bar-column small{color:#989ca7;padding-top:7px;font-size:7px}.admin-popular-list{padding:2px 18px 15px;display:grid}.admin-popular-list>div{border-bottom:1px solid #eeeef1;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.admin-popular-list>div:last-child{border:0}.admin-popular-list b{color:#c77b94;font-family:var(--serif);font-size:13px}.admin-popular-list span{min-width:0;display:grid}.admin-popular-list strong{color:#4a5263;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-popular-list small{color:#a0a4ae;font-size:7px}.admin-popular-list em{color:#b86481;background:#f7e7ec;border-radius:99px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900}.admin-data-empty{color:#a2a6b0;text-align:center;align-content:center;place-items:center;min-height:210px;display:grid}.admin-data-empty.compact{min-height:150px}.admin-data-empty svg{color:#d3a7b6}.admin-data-empty p{color:#7b8190;margin:9px 0 0;font-size:11px;font-weight:800}.admin-data-empty small{margin-top:3px;font-size:8px}.admin-distribution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-distribution-grid .admin-panel{min-height:255px}.admin-distribution-list{gap:12px;padding:7px 19px 20px;display:grid}.admin-distribution-list p{color:#6d7484;justify-content:space-between;margin:0 0 5px;font-size:8px;display:flex}.admin-distribution-list p strong{color:#424a5c}.admin-distribution-list>div>i{background:#f0f1f4;border-radius:99px;height:5px;display:block;overflow:hidden}.admin-distribution-list>div>i>b{background:linear-gradient(90deg,#e6acbe,#9ebed7);border-radius:99px;height:100%;display:block}.admin-activity-panel{min-height:210px}.admin-activity-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0 19px 16px;display:grid}.admin-activity-list>div{border-bottom:1px solid #eeeef1;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.admin-activity-list>div>span{color:#c3728f;background:#f5e9ed;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.admin-activity-list p{margin:0;display:grid}.admin-activity-list strong{font-size:9px}.admin-activity-list small{color:#9da1ab;font-size:7px}.admin-activity-list time{color:#a5a8b1;font-size:7px}.admin-content-toolbar{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.admin-content-toolbar>div:first-child>span{color:#c2738e;letter-spacing:.16em;font-size:7px;font-weight:900}.admin-content-toolbar h2{margin:3px 0 0;font-size:18px}.admin-content-actions{gap:8px;display:flex}.admin-content-actions label{color:#999eaa;background:#fff;border:1px solid #e0e2e7;border-radius:9px;align-items:center;gap:8px;width:min(280px,34vw);height:39px;padding:0 12px;display:flex}.admin-content-actions input{color:#454d5f;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.admin-content-actions>button{color:#fff;background:#343c50;border:0;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:9px;font-weight:900;display:flex}.admin-content-table-wrap{overflow:hidden}.admin-content-table-head,.admin-content-list article{grid-template-columns:minmax(300px,1.7fr) 90px 90px 120px 80px;align-items:center;gap:12px;display:grid}.admin-content-table-head{color:#979ba6;letter-spacing:.06em;background:#fafafd;border-bottom:1px solid #ececf0;height:45px;padding:0 17px;font-size:8px;font-weight:900}.admin-content-list article{border-bottom:1px solid #efeff2;min-height:83px;padding:10px 17px}.admin-content-list article:last-child{border:0}.admin-content-identity{align-items:center;gap:12px;min-width:0;display:flex}.admin-content-identity img{object-fit:cover;border-radius:8px;flex:none;width:78px;height:51px}.admin-content-identity>span{min-width:0;display:grid}.admin-content-identity strong{color:#40485a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.admin-content-identity small{color:#9ca0ab;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7px;overflow:hidden}.admin-status{border-radius:99px;width:max-content;padding:4px 8px;font-size:8px;font-weight:900}.admin-status.published{color:#4f806d;background:#e4f1eb}.admin-status.draft{color:#9a7338;background:#f4ebd9}.admin-view-count{color:#6f7686;align-items:center;gap:5px;font-size:9px;display:flex}.admin-content-list time{color:#969aa6;font-size:8px}.admin-row-actions{gap:5px;display:flex}.admin-row-actions button{color:#6c7382;background:#fff;border:1px solid #e4e5ea;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.admin-row-actions button:hover{background:#f3f4f7}.admin-row-actions button.danger{color:#c05e74}.admin-row-actions button.danger:hover{background:#fff0f3;border-color:#f0cbd4}.admin-editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2227347a;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.admin-editor{background:#fff;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,100%);max-height:calc(100svh - 50px);display:grid;overflow:hidden;box-shadow:0 32px 90px #181c274d}.admin-editor>header{border-bottom:1px solid #e9e9ed;justify-content:space-between;align-items:center;padding:19px 23px;display:flex}.admin-editor>header span{color:#c4728e;letter-spacing:.16em;font-size:7px;font-weight:900;display:block}.admin-editor>header h2{margin:3px 0 0;font-size:19px}.admin-editor>header button{background:#fff;border:1px solid #e4e5e9;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.admin-editor-scroll{gap:15px;padding:22px 23px;display:grid;overflow-y:auto}.admin-editor label{display:block}.admin-editor label>span,.admin-publish-row>span{color:#626a7c;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.admin-editor input:not([type=checkbox]),.admin-editor textarea{color:#384053;background:#fafbfc;border:1px solid #e1e3e8;border-radius:9px;outline:0;width:100%;font-size:10px;transition:border-color .2s,box-shadow .2s}.admin-editor input:not([type=checkbox]){height:40px;padding:0 11px}.admin-editor textarea{resize:vertical;padding:10px 11px;line-height:1.7}.admin-editor .code-editor{color:#e7ebf3;background:#303543;font-family:Cascadia Code,Consolas,monospace;font-size:10px}.admin-editor input:focus,.admin-editor textarea:focus{border-color:#d99ab0;box-shadow:0 0 0 3px #d99ab01a}.admin-form-grid{gap:12px;display:grid}.admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-grid.three{grid-template-columns:1.2fr .8fr .7fr}.admin-checkbox{align-items:center;gap:8px;width:max-content;display:flex!important}.admin-checkbox input{accent-color:#c6728e}.admin-checkbox span{margin:0!important}.admin-publish-row{background:#fafafd;border:1px solid #e4e5ea;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.admin-publish-row>span{margin:0}.admin-publish-row>div{gap:6px;display:flex}.admin-publish-row button{color:#858b98;background:#fff;border:1px solid #e0e2e7;border-radius:8px;height:32px;padding:0 11px;font-size:8px;font-weight:900}.admin-publish-row button.active{color:#b65d7b;background:#f8e7ed;border-color:#d795ac}.admin-editor>footer{background:#fafafd;border-top:1px solid #e9e9ed;justify-content:flex-end;gap:8px;padding:15px 23px;display:flex}.admin-editor>footer button{color:#676e7e;background:#fff;border:1px solid #dedfe5;border-radius:9px;height:38px;padding:0 16px;font-size:9px;font-weight:900}.admin-editor>footer button.primary{color:#fff;background:#343c50;border-color:#343c50;align-items:center;gap:7px;display:flex}.admin-editor>footer button:disabled{opacity:.55}.admin-toast{z-index:120;color:#fff;background:#31394c;border-radius:11px;align-items:center;gap:8px;padding:12px 16px;font-size:9px;font-weight:900;display:flex;position:fixed;bottom:27px;right:28px;box-shadow:0 16px 38px #1e233040}.admin-modal-enter-active,.admin-modal-leave-active{transition:opacity .25s}.admin-modal-enter-active .admin-editor,.admin-modal-leave-active .admin-editor{transition:transform .28s,opacity .24s}.admin-modal-enter-from,.admin-modal-leave-to{opacity:0}.admin-modal-enter-from .admin-editor,.admin-modal-leave-to .admin-editor{opacity:0;transform:translateY(18px)scale(.97)}.toast-enter-active,.toast-leave-active{transition:all .24s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}@media (width<=1180px){.admin-metric-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-popular-panel{min-height:auto}.admin-distribution-grid{grid-template-columns:1fr 1fr}.admin-distribution-grid .admin-panel:last-child{grid-column:1/-1}.admin-content-table-head,.admin-content-list article{grid-template-columns:minmax(260px,1.5fr) 80px 75px 100px 75px}.admin-activity-list{grid-template-columns:1fr}}@media (width<=820px){.admin-login-page{grid-template-columns:1fr}.admin-login-art{display:none}.admin-login-main{min-height:100svh;padding:85px 22px 35px}.admin-login-brand{top:24px;left:24px}.admin-login-card{padding:34px 26px}.admin-mobile-menu{z-index:35;background:#fff;border:1px solid #e1e3e7;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:15px;left:15px;box-shadow:0 8px 22px #2d34441a}.admin-sidebar{transition:transform .28s;transform:translate(-105%)}.admin-sidebar.open{transform:none}.admin-sidebar-backdrop{z-index:29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23273359;display:block;position:fixed;inset:0}.admin-main{margin-left:0;padding:75px 18px 55px}.admin-topbar{align-items:flex-end}.admin-distribution-grid{grid-template-columns:1fr}.admin-distribution-grid .admin-panel:last-child{grid-column:auto}.admin-content-toolbar{flex-direction:column;align-items:stretch;gap:15px}.admin-content-actions label{width:100%}.admin-content-table-head{display:none}.admin-content-list article{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:14px}.admin-content-identity{grid-column:1/-1}.admin-content-identity img{width:90px;height:58px}.admin-content-list time{display:none}.admin-row-actions{justify-self:end}.admin-editor-backdrop{padding:0}.admin-editor{border-radius:0;width:100%;height:100svh;max-height:100svh}.admin-form-grid.two,.admin-form-grid.three{grid-template-columns:1fr}}@media (width<=520px){.admin-metric-grid{grid-template-columns:1fr}.admin-metric-grid article{min-height:135px}.admin-topbar{flex-direction:column;align-items:flex-start;gap:15px}.admin-topbar-actions{width:100%}.admin-topbar-actions select,.admin-topbar-actions button{flex:1}.admin-content-actions{flex-direction:column}.admin-content-actions>button{justify-content:center}.admin-bar-chart{gap:4px;padding-inline:10px}.admin-bar-column:nth-child(2n) small{opacity:0}.admin-editor-scroll{padding:18px 15px}.admin-editor>header,.admin-editor>footer{padding-inline:16px}.admin-publish-row{flex-direction:column;align-items:flex-start;gap:10px}.admin-publish-row>div{width:100%}.admin-publish-row button{flex:1}}.admin-content-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.admin-content-summary article{border:1px solid var(--admin-line);background:#fff;border-radius:12px;padding:15px 18px}.admin-content-summary small{color:#9398a5;font-size:8px;font-weight:800;display:block}.admin-content-summary strong{color:#343c50;margin-top:3px;font-size:22px;display:block}.admin-content-actions select{color:#596174;background:#fff;border:1px solid #e0e2e7;border-radius:9px;height:39px;padding:0 30px 0 11px;font-size:9px;font-weight:800}.admin-status{cursor:pointer;border:0}.admin-status:hover{filter:brightness(.97);box-shadow:0 0 0 3px #c6728e14}@media (width<=820px){.admin-content-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-actions{flex-wrap:wrap}.admin-content-actions select{flex:1 0 120px}.admin-content-actions label{flex:2 220px}}@media (width<=520px){.admin-content-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-actions select{flex:none;width:100%}}.admin-cover-picker{background:linear-gradient(145deg,#fdfbfc,#f7f9fb);border:1px solid #e1e3e8;border-radius:13px;gap:13px;padding:15px;display:grid}.admin-cover-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-cover-heading>div{gap:3px;display:grid}.admin-cover-heading>div>span{color:#4d5669;font-size:10px;font-weight:900}.admin-cover-heading>div>small{color:#979ca8;font-size:8px}.admin-cover-state{color:#54806e;align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.admin-cover-state.busy{color:#b46781}.admin-cover-state .spinning,.admin-cover-upload .spinning{animation:1s linear infinite spin}.admin-cover-workspace{grid-template-columns:minmax(250px,.95fr) minmax(260px,1.05fr);gap:12px;display:grid}.admin-cover-preview{aspect-ratio:16/8.6;background:#eef0f4;border:1px solid #dfe1e7;border-radius:11px;position:relative;overflow:hidden}.admin-cover-preview img{object-fit:cover;width:100%;height:100%;display:block}.admin-cover-preview>span{color:#fff;letter-spacing:.13em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#282f3ead;border-radius:99px;padding:4px 7px;font-size:6px;font-weight:900;position:absolute;top:9px;left:9px}.admin-cover-upload{color:#747c8d;text-align:center;cursor:pointer;background:#ffffffad;border:1px dashed #cfd3dc;border-radius:11px;align-content:center;place-items:center;gap:6px;min-height:128px;padding:18px;transition:border-color .2s,background .2s,transform .2s;display:grid}.admin-cover-upload:hover,.admin-cover-upload.dragging{background:#fff5f8;border-color:#d58fa8;transform:translateY(-1px)}.admin-cover-upload.disabled{opacity:.62;cursor:wait;transform:none}.admin-cover-upload>span{color:#b65f7d;background:#f4e4ea;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.admin-cover-upload strong{color:#596174;font-size:9px}.admin-cover-upload small{color:#9a9faa;font-size:7px}.admin-cover-library{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.admin-cover-library button{aspect-ratio:1;cursor:pointer;background:#e9ebef;border:2px solid #0000;border-radius:8px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.admin-cover-library button:hover:not(:disabled){transform:translateY(-2px)}.admin-cover-library button.selected{border-color:#d37f9b;box-shadow:0 0 0 3px #d37f9b21}.admin-cover-library button:disabled{cursor:wait;opacity:.62}.admin-cover-library img{object-fit:cover;width:100%;height:100%;display:block}.admin-cover-library button>span{color:#fff;opacity:0;background:#c96f8d;border-radius:50%;place-items:center;width:18px;height:18px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:4px;right:4px;transform:scale(.7)}.admin-cover-library button.selected>span{opacity:1;transform:scale(1)}.admin-cover-url{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:10px;display:grid!important}.admin-cover-url>span{align-items:center;gap:6px;margin:0!important;display:flex!important}.admin-cover-url input{background:#fff!important}@media (width<=820px){.admin-cover-workspace{grid-template-columns:1fr 1fr}.admin-cover-library{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=560px){.admin-cover-heading{flex-direction:column;align-items:flex-start}.admin-cover-workspace{grid-template-columns:1fr}.admin-cover-library{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-cover-url{grid-template-columns:1fr}.admin-cover-url>span{margin-bottom:-3px!important}}.brand-bloom img{object-fit:contain;width:27px;height:27px}.admin-login-brand>span img{object-fit:contain;width:28px;height:28px}.admin-console-brand>span img{object-fit:contain;width:31px;height:31px}