:root{
  color-scheme:light;
  --page:#fcfbf9; --surface:#fff; --surface-soft:#f7f6f4; --ink:#222321;
  --muted:#82817d; --secondary:#5d5c58; --line:#eae8e4;
  --accent:#ee6841; --accent-deep:#e5552a; --accent-pale:#fff0e9;
  --shadow:0 16px 42px rgba(54,42,34,.06);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);font-family:var(--font);font-size:15px;line-height:1.58;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(238,104,65,.4);outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.svg-icon{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.site-shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.container{width:min(1160px,calc(100% - 72px));margin:0 auto}
.topbar{height:82px;background:rgba(252,251,249,.93);border-bottom:1px solid rgba(234,232,228,.8);position:relative;z-index:6}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}
.brand-mark{width:37px;height:37px;flex:none}
.brand-name{font-size:28px;letter-spacing:-1.8px;font-weight:750;line-height:1}
.brand-divider{height:18px;width:1px;background:#dedbd7;margin:0 3px 0 8px}
.brand-sub{font-size:13px;font-weight:550;color:var(--muted);white-space:nowrap}
.topnav{display:flex;align-items:center;gap:34px;color:#65625f;font-size:13px;margin-left:auto;margin-right:45px}
.topnav a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:color .18s}
.topnav a:hover{color:var(--accent-deep)}
.topnav .svg-icon{width:12px;height:12px}
.header-actions{display:flex;align-items:center;gap:12px}
.icon-button,.close-btn{border:none;background:transparent;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#85827e}
.icon-button:hover,.close-btn:hover{background:#f2eeea;color:#222}
.manage-btn{display:flex;align-items:center;gap:8px;border:1px solid #e5dfda;background:#fff;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:650;white-space:nowrap;box-shadow:0 2px 7px rgba(0,0,0,.02);transition:background .2s,border-color .2s}
.manage-btn:hover{background:var(--accent-pale);border-color:#f0c7b5}
.manage-btn .svg-icon{width:15px;height:15px;color:var(--accent)}
.hero{position:relative;min-height:432px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px;align-items:center;padding:52px 0 42px}
.hero-copy{position:relative;z-index:2;max-width:700px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#a18b7d;font-size:11px;font-weight:780;letter-spacing:2.2px;white-space:nowrap}
.pulse-dot{width:7px;height:7px;background:#ef8059;box-shadow:0 0 0 4px #f9e7dd;border-radius:50%;display:block}
.hero h1{margin:27px 0 15px;letter-spacing:-2.4px;font-size:clamp(39px,4.5vw,65px);font-weight:760;line-height:1.28}
.hero h1 span{display:block}
.hero h1 span:last-child{color:#f16a43}
.hero-subtitle{font-size:16px;line-height:1.9;color:var(--secondary);max-width:520px;margin:19px 0 31px;letter-spacing:.1px}
.search-wrapper{height:60px;max-width:528px;border-radius:16px;display:flex;align-items:center;border:1px solid #e8e4df;background:rgba(255,255,255,.97);box-shadow:0 4px 22px rgba(50,39,28,.035);padding:0 18px;gap:13px;transition:border-color .2s,box-shadow .2s}
.search-wrapper:focus-within{border-color:#edaf97;box-shadow:0 0 0 4px #fcebe3,0 4px 22px rgba(50,39,28,.035)}
.search-icon{width:20px;height:20px;color:#9e9a95}
.search-wrapper input{border:0;outline:0!important;background:transparent;width:100%;font-size:15px;color:var(--ink);min-width:0}
.search-wrapper input::placeholder{color:#a9a6a1}
.search-kbd{font-family:inherit;font-size:11px;color:#a19d98;border:1px solid #ece8e3;background:#faf9f7;border-radius:6px;padding:3px 8px}
.hero-count{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:#a19d98;margin-top:17px}
.hero-count-dot{width:6px;height:6px;border-radius:50%;background:#b8b4ae}
.soft-divider{color:#d1cdc8}
.hero-art{position:relative;width:100%;height:365px;display:flex;align-items:center;justify-content:center;margin-top:10px}
.hero-art svg{display:block;max-width:100%;max-height:100%;filter:drop-shadow(0 10px 32px rgba(233,198,180,.1))}
.art-label{position:absolute;display:flex;align-items:center;gap:9px;font:600 10px/1 var(--font);color:#7f7773;background:rgba(255,255,255,.86);border:1px solid rgba(238,226,219,.98);border-radius:999px;padding:12px 15px;box-shadow:0 6px 22px rgba(120,92,73,.04);letter-spacing:.35px}
.art-label span:not(.art-arr){width:6px;height:6px;background:#f49570;border-radius:50%}
.art-label-top{left:11%;top:13%}
.art-label-bottom{right:1%;bottom:13%}
.art-arr{font-size:15px;color:#f1825d}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.art-node-a{animation:bob 6s ease-in-out infinite}.art-node-b{animation:bob 5.4s ease-in-out -1s infinite}.art-node-c{animation:bob 6.5s ease-in-out -2s infinite}
.nav-rail{scroll-margin-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 0 18px}
.rail-title{font-weight:720;font-size:13px;white-space:nowrap}
.category-chips{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.chip{border:1px solid transparent;background:transparent;border-radius:999px;white-space:nowrap;padding:9px 15px;font-size:12px;color:#807d79;transition:all .2s}
.chip:hover{background:#f2efeb;color:#272525}
.chip.is-active{background:#282726;color:#fff;border-color:#282726}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.section-title-group{display:flex;align-items:baseline;gap:13px}
.section-heading h2{font-size:22px;font-weight:720;letter-spacing:-.55px;line-height:1.5;margin:0}
.section-number{font-size:11px;letter-spacing:.8px;color:#b0aaa4;font-weight:700}
.section-aside{font-size:10px;letter-spacing:1.5px;color:#b2aaa3;font-weight:650}
.featured-section{padding-top:20px}
.featured-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:18px}
.featured-card{position:relative;min-height:250px;border-radius:22px;overflow:hidden;padding:29px 31px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;transition:transform .2s,box-shadow .2s}
.featured-card::after{content:"";position:absolute;right:-64px;bottom:-118px;width:290px;height:290px;border:1px solid rgba(211,130,98,.24);border-radius:50%;box-shadow:0 0 0 39px rgba(228,161,138,.07),0 0 0 83px rgba(232,173,148,.065);z-index:-1;pointer-events:none}
.featured-card.is-primary{background:linear-gradient(128deg,#f9ece4 0%,#fff3ed 50%,#fcebe4 100%);border:1px solid #f2dcd1}
.featured-card.is-secondary{background:#f3f2ef;border:1px solid #eae8e4}
.featured-card.is-secondary::after{border-color:rgba(168,160,153,.24);box-shadow:0 0 0 39px rgba(187,179,170,.08),0 0 0 83px rgba(187,179,170,.04)}
.featured-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-kicker{color:#a48374;font-size:11px;font-weight:720;letter-spacing:1.35px;display:flex;align-items:center;gap:8px}
.featured-card.is-secondary .card-kicker{color:#8d8983}
.featured-card .main-icon{width:45px;height:45px;border-radius:13px;background:rgba(255,255,255,.82);color:var(--accent);display:grid;place-items:center;margin-bottom:26px}
.featured-card.is-secondary .main-icon{color:#64615e}
.featured-card .main-icon .svg-icon{width:23px;height:23px}
.featured-card h3{font-size:27px;font-weight:730;letter-spacing:-.5px;line-height:1.36;margin:0 0 7px}
.featured-card p{font-size:13px;color:#8a7b73;margin:0;max-width:330px;line-height:1.75}
.featured-card.is-secondary p{color:#85817d}
.featured-card .featured-arrow{position:absolute;top:31px;right:31px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.65);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform .2s}
.featured-card:hover .featured-arrow{transform:translate(2px,-2px)}
.featured-arrow .svg-icon{width:15px;height:15px}
.sections-list{padding-bottom:70px}
.link-section{padding:39px 0 0;scroll-margin-top:26px}
.section-subtitle{color:#989590;font-size:12px;font-weight:400;margin:0 0 18px}
.link-section .section-heading{margin-bottom:14px;align-items:center}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.link-card{position:relative;min-height:168px;background:#fff;border:1px solid #eeece9;border-radius:18px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s;outline-offset:3px}
.link-card[href]:hover{transform:translateY(-3px);border-color:#eec9b7;box-shadow:0 12px 25px rgba(68,49,37,.055)}
.link-card .card-icon{height:42px;width:42px;display:grid;place-items:center;background:#f7f5f2;color:#75706c;border-radius:12px;margin-bottom:20px}
.link-card .card-icon .svg-icon{width:21px;height:21px;stroke-width:1.7}
.link-card .top-right{position:absolute;right:21px;top:21px;color:#b6b2ad}
.link-card .top-right .svg-icon{width:15px;height:15px}
.link-card h3{font-size:16px;font-weight:720;line-height:1.5;margin:0 0 5px;letter-spacing:-.2px}
.link-card p{font-size:12px;color:#92908b;line-height:1.72;margin:0;max-width:290px}
.link-card .status-tag{margin-top:13px;font-size:10px;letter-spacing:.15px;color:#a39992;border-radius:5px;background:#f7f4f1;padding:3px 7px}
.link-card.is-soon{background:#faf9f7;cursor:default;border-style:dashed}
.link-card.is-soon .card-icon{color:#c1bab3;background:#f1efed}
.link-card.is-soon h3{color:#797670}
.link-card.is-soon .top-right{color:#b9b5b0;font-size:11px}
.empty-state{text-align:center;padding:90px 15px 100px;color:#aaa5a0}
.empty-state .svg-icon{width:36px;height:36px;color:#c8c2bd}
.empty-state h3{font-size:19px;color:#44413e;margin:14px 0 4px}
.empty-state p{font-size:13px}
.footer{margin-top:auto;border-top:1px solid var(--line);padding:28px 0;background:#faf9f7}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}
.footer-brand{display:flex;align-items:center;gap:22px;color:#92908b;font-size:12px}
.footer-brand strong{font-size:19px;font-weight:770;letter-spacing:-.7px;color:#383634}
.footer-links{display:flex;align-items:center;gap:24px;font-size:11px;color:#a49e98}
.footer-links a:hover{color:var(--accent)}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 28px);padding:12px 19px;border-radius:12px;background:#262321;color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.15);font-size:13px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;white-space:normal;text-align:center}
.toast.is-visible{transform:translate(-50%,0);opacity:1}
/* Forms and dialogs */
.dialog{border:1px solid #e8e3de;border-radius:22px;padding:28px;width:min(488px,calc(100% - 30px));max-height:calc(100% - 28px);overflow-y:auto;color:var(--ink);box-shadow:0 35px 100px rgba(25,20,17,.17);background:var(--surface)}
.dialog::backdrop{background:rgba(32,30,29,.35);backdrop-filter:blur(5px)}
.editor-dialog{width:min(570px,calc(100% - 30px))}
.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.dialog-kicker{margin:0 0 4px;color:var(--accent);font-size:10px;letter-spacing:1.5px;font-weight:800}
.dialog-top h2,.manager-top h2{font-size:23px;line-height:1.35;margin:0;letter-spacing:-.45px}
.dialog-description{color:#85807c;font-size:13px;line-height:1.8;margin:5px 0 23px}
.form-stack{display:flex;flex-direction:column;gap:9px}
.form-stack label{font-size:12px;font-weight:670;color:#625f5b;margin-top:8px}
.form-stack input:not([type="checkbox"]),.form-stack textarea,.form-stack select{min-height:44px;border-radius:10px;background:#faf9f8;border:1px solid #e8e5e1;color:#222;outline:0;padding:11px 12px;width:100%;font-size:14px;transition:border .2s,box-shadow .2s}
.form-stack textarea{resize:vertical;min-height:75px}
.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#e8a68b;box-shadow:0 0 0 3px #fff0e9}
.form-stack input::placeholder,.form-stack textarea::placeholder{color:#aea9a3}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}
.form-cell{display:flex;flex-direction:column;gap:5px;min-width:0}
.form-cell label{margin-top:3px}
.form-cell.wide{grid-column:1/-1}
.form-cell small{font-size:10px;color:#9e9a95}
.required{color:#eb6842}
.checkbox-row{display:flex!important;gap:11px;align-items:center;font-size:12px!important;font-weight:500!important;padding:12px 0;color:#4f4c49!important;cursor:pointer}
.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}
.form-error{color:#c43927;font-size:12px;min-height:0;margin:0}
.form-error:empty{display:none}
.btn-primary,.btn-light{border:1px solid transparent;border-radius:11px;padding:12px 17px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;transition:transform .15s,background .15s}
.btn-primary{color:#fff;background:#262321}
.btn-primary:hover{background:#51413a}
.btn-primary:active,.btn-light:active{transform:scale(.98)}
.btn-light{background:#f6f4f2;color:#514d49;border-color:#e9e6e2}
.btn-light:hover{background:#efeae7}
.btn-small{min-height:37px;font-size:12px;padding:9px 13px}
.btn-small .svg-icon{width:15px;height:15px}
.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}
.login-note{display:flex;gap:9px;align-items:center;font-size:11px;color:#9a9691;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}
.login-note .svg-icon{width:14px;height:14px}
/* Editor drawer */
.panel-backdrop{position:fixed;inset:0;background:rgba(24,22,21,.28);z-index:20;backdrop-filter:blur(2px)}
.manager-panel{position:fixed;right:0;top:0;bottom:0;background:#fff;width:min(492px,100%);z-index:21;border-left:1px solid #e8e4e0;box-shadow:-18px 0 70px rgba(37,28,23,.13);display:flex;flex-direction:column}
.manager-top{padding:30px 27px 18px;display:flex;justify-content:space-between;gap:16px}
.manager-sub{color:#99948f;font-size:12px;margin:9px 0 0}
.manager-actions{display:flex;align-items:center;gap:10px;padding:0 27px 20px}
.manager-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 27px;gap:24px}
.manager-tab{border:0;background:transparent;padding:9px 0 12px;color:#9c9792;font-size:12px;font-weight:700;position:relative}
.manager-tab.is-active{color:#292523}
.manager-tab.is-active::after{content:"";height:2px;background:#ed6841;left:0;right:0;bottom:-1px;position:absolute}
.manager-scroll{padding:13px 27px 22px;overflow:auto;flex:1;min-height:0}
.manager-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#807b76;font-size:11px;font-weight:700;margin:17px 0 9px}
.manager-group-title span:last-child{color:#aaa59f;font-size:10px}
.manager-item{border:1px solid #eae7e3;background:#fff;border-radius:12px;margin:0 0 9px;padding:12px;display:flex;align-items:flex-start;gap:12px}
.manager-item-icon{width:33px;height:33px;display:grid;place-items:center;background:#f8f6f4;border-radius:8px;color:#827b75;flex:none}
.manager-item-icon .svg-icon{width:17px;height:17px}
.manager-item-main{min-width:0;flex:1}
.manager-item-name{font-weight:720;font-size:12px;overflow-wrap:anywhere}
.manager-item-desc{font-size:10px;color:#aaa39e;line-height:1.6;margin:4px 0 8px;overflow-wrap:anywhere}
.manager-item-meta{font-size:10px;color:#a29b94}
.manager-item-ops{display:flex;gap:5px;flex-wrap:wrap}
.manager-item-ops button{font-size:10px;color:#746e69;padding:4px 7px;background:#f8f6f3;border:1px solid #eeeae6;border-radius:5px}
.manager-item-ops button:hover{color:#e15a34;border-color:#f4c9b7}
.manager-item-ops button:disabled{opacity:.32;cursor:not-allowed}
.manager-content:empty::after{content:"暂无内容";color:#999;display:block;padding:20px;text-align:center;font-size:12px}
.manager-bottom{display:flex;align-items:center;gap:4px;justify-content:space-around;flex-wrap:wrap;padding:14px 18px 21px;border-top:1px solid var(--line);background:#faf9f8}
.manager-bottom button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:#75706a;font-size:10px;padding:6px;min-width:55px}
.manager-bottom button:hover{color:var(--accent-deep)}
.manager-bottom .svg-icon{width:17px;height:17px}
.manager-bottom .signout{color:#ba5a4d}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) 350px}.hero h1{font-size:50px}.hero-art{height:330px}.art-label{font-size:9px;padding:10px 11px}.art-label-top{left:0}.art-label-bottom{right:0}.topnav{gap:19px;margin-right:12px}.featured-card{min-height:239px}}
@media(max-width:800px){.container{width:calc(100% - 46px)}.topnav{display:none}.hero{grid-template-columns:minmax(0,1fr) 215px;min-height:370px;padding:50px 0}.hero h1{font-size:clamp(36px,5.3vw,48px)}.hero-subtitle{font-size:14px}.hero-art{height:250px}.hero-art .art-label{display:none}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card h3{font-size:24px}.featured-card{padding:23px;min-height:229px}.featured-card .featured-arrow{top:23px;right:23px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.topbar{height:72px}.brand-mark{width:33px;height:33px}.brand-name{font-size:26px}.brand-divider{margin-left:2px}.brand-sub{font-size:11px}.manage-btn{padding:9px 12px}.manage-btn span{display:none}.hero{display:block;min-height:0;padding:68px 0 48px}.hero-art{position:absolute;width:250px;height:250px;right:-80px;top:0;opacity:.33;pointer-events:none}.hero-copy{position:relative}.hero h1{font-size:clamp(38px,9.8vw,52px);margin-top:24px;letter-spacing:-1.5px}.hero-subtitle{font-size:13px;line-height:1.85;max-width:360px;margin:17px 0 27px}.eyebrow{font-size:10px;letter-spacing:1.7px}.search-wrapper{height:56px;padding:0 13px}.search-wrapper input{font-size:14px}.nav-rail{align-items:flex-start;flex-direction:column;gap:11px;padding-top:20px}.category-chips{justify-content:flex-start;max-width:100%;overflow:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:3px}.category-chips::-webkit-scrollbar{display:none}.chip{padding:8px 12px}.featured-grid{grid-template-columns:1fr;gap:11px}.featured-card{min-height:188px}.featured-card .main-icon{width:38px;height:38px;margin-bottom:18px}.featured-card h3{font-size:22px}.featured-card p{font-size:12px}.section-heading h2{font-size:20px}.featured-section{padding-top:17px}.link-section{padding-top:34px}.link-grid{grid-template-columns:1fr;gap:11px}.link-card{min-height:135px;padding:19px}.link-card .card-icon{margin-bottom:10px}.link-card p{max-width:100%}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}.footer-brand{flex-wrap:wrap;gap:12px}.footer-links{gap:19px}.form-grid{grid-template-columns:1fr}.form-cell.wide{grid-column:1}.dialog{padding:21px}.manager-top{padding:22px 17px 16px}.manager-actions{padding:0 17px 16px}.manager-tabs{padding:0 17px}.manager-scroll{padding:12px 17px 20px}.manager-bottom{padding:10px 6px 18px}}
@media(max-width:350px){.container{width:calc(100% - 28px)}.brand-sub{display:none}.brand-divider{display:none}.header-actions{gap:5px}.hero h1{font-size:35px}.hero-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}