/* ARCHE 山湖晨雾 · 中文个人资源库 —— 在 P0 功能层之上的视觉皮肤 */
:root{--rail:#152c23;--bg:#ebece5;--panel:#fffaf2;--panel2:#f6f0e6;--panel3:#ede6d9;--ink:#27392f;--muted:#7d837b;--faint:#9aa196;--line:#d9dbcf;--line2:#d0d6c7;--accent:#bc8a64;--accent2:#dec4a0;--green:#3e866d;--red:#d65e4c;--shadow:0 12px 40px #35413224;--radius:16px;font-family:'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
html,body{background:#dfe5db;color:var(--ink)}button{font-family:inherit}#app-shell{min-height:100vh}
.sidebar{width:248px;background:linear-gradient(180deg,#18332ae9,#0e231dea),radial-gradient(circle at 20% 10%,#486849,#173627);border-right:1px solid #f1e0bc26;box-shadow:8px 0 25px #05190b12;color:#f4f1e2}
.sidebar::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 12% 30%,#809b7740 0,transparent 36%),linear-gradient(to top,#12271896,transparent 48%)}
.sidebar>.brand,.sidebar>.side-scroll,.sidebar>.sidebar-bottom{position:relative;z-index:1}
.brand{height:114px;padding:24px 22px 18px;border-bottom:0;align-items:flex-start}.brand-name{font-family:Georgia,'Songti SC',serif;font-size:31px;letter-spacing:3px;line-height:35px;color:#f9f0de}.brand-leaf{font-size:24px;color:#96a77a;vertical-align:5px;padding-left:6px}.brand-caption{font-size:14px;letter-spacing:3px;color:#f1e7cf;margin-top:4px}
.side-scroll{padding:5px 14px 20px}.main-nav{gap:4px}.nav-item{min-height:42px;height:43px;border-radius:10px;font-size:14px;color:#e3eadd;padding:0 16px;gap:14px}.nav-item svg{color:#e2e0c6;width:19px;height:19px}.nav-item.active{background:#eef4df36;box-shadow:none;border-color:#eaf2d523;color:#fff;font-weight:600}.nav-item.active:before{left:0;top:9px;background:#72d1a8;height:24px;width:3px}.nav-item.active svg{color:#fbf3df}.nav-item:hover{background:#e5f3de20}.nav-item.secondary{height:35px;min-height:35px;padding-left:25px;font-size:12px;color:#d6e3d6}.nav-dot{margin-left:auto}.nav-count{background:#e4f5e329;color:#f7f7dc}.side-divider{margin:17px 10px;background:#e7e8d12f}
.nav-fold{width:100%;display:flex;align-items:center;justify-content:space-between;height:39px;margin:10px 0 5px;padding:0 15px;border:1px solid #cbd6bf2e;border-radius:9px;background:#e1ebd815;color:#f6f0df;font-size:12px;font-weight:600}.nav-fold:hover{background:#e1ebd82c}.nav-fold span{display:flex;gap:10px;align-items:center}.nav-fold svg{width:17px;height:17px}.nav-fold .fold-chevron{width:14px;transition:transform .2s}.nav-fold[aria-expanded="true"] .fold-chevron{transform:rotate(180deg)}.fold-body[hidden]{display:none!important}
.side-collections-header{margin:15px 10px 0;border-top:1px solid #e5e7d125;padding-top:14px;display:flex;align-items:center;color:#d0dcce;font-size:11px}.collection-link{color:#d4e0d1}.collection-link:hover{background:#eaf1df1b}.muted-note{color:var(--muted)}#side-collections .muted-note{color:#a5b6a7!important}
.sidebar-bottom{padding:8px 14px 19px}.sidebar-bottom-art{display:none}.scene-mini{width:100%;display:flex;gap:9px;align-items:center;background:#f5f9ec17;border:1px solid #d9e6cf34;color:#f3ead3;border-radius:12px;padding:8px;text-align:left;min-height:78px}.scene-mini img{height:61px;width:58px;object-fit:cover;border-radius:8px;box-shadow:0 1px 9px #13261755}.scene-mini span{min-width:0;flex:1}.scene-mini strong{font-size:12px;display:block;white-space:nowrap}.scene-mini small{font-size:10px;color:#dbdecb;margin-top:7px;display:block}.scene-mini svg{width:14px;opacity:.65}.side-profile{margin-top:14px;padding-top:12px;border-color:#d5e4d02a}.profile-avatar{width:28px;height:28px;font-size:15px;background:#ebdebc;color:#1b4032}.side-profile strong{color:#f5f1df}.side-profile small{color:#b8c9b5;font-size:10px}
.workspace{position:relative;width:calc(100% - 248px);margin-left:248px;isolation:isolate;min-height:100vh;background:#f2eee7}
.workspace::before{position:fixed;content:"";inset:0 0 0 248px;background-image:linear-gradient(90deg,#112b2740,#faf1da08 39%,#fbe0af22),var(--scene-image,url('/scenes/landscape-1.webp'));background-position:center top;background-size:cover;z-index:-2;filter:saturate(1.08)}
.workspace::after{position:fixed;content:"";pointer-events:none;inset:0 0 0 248px;z-index:-1;background:linear-gradient(to bottom,#ffffff00 0%,#f5f0e838 51%,#ecf0e2c0 100%)}
.topbar{height:94px;background:transparent;backdrop-filter:none;border:none;gap:13px;padding:0 26px 0 28px;z-index:20}.top-left{min-width:0}.breadcrumb{display:none}.top-search{margin-left:auto;margin-right:auto;max-width:620px;width:48vw;background:#fffdf9da;color:#68716c;border:1px solid #fffaf8d6;border-radius:38px;height:48px;box-shadow:0 6px 25px #2639201c;gap:14px;padding:0 20px;font-size:13px;backdrop-filter:blur(18px)}.top-search:hover{border-color:#a8baad}.top-search kbd{background:#ebede7;border:0;color:#878a83}.top-actions{flex-shrink:0;gap:8px}.btn{border-radius:9px;font-size:12px}.btn-primary{color:#fffaf1;background:#285942;box-shadow:0 8px 22px #20563b23}.btn-primary:hover{background:#347354}.btn-ghost{background:#fffaf2e3;color:#2c4539;border:1px solid #e4e4d4;box-shadow:0 5px 15px #243c2310}.btn-ghost:hover{background:#fff}.btn-subtle{background:#ecf2e9;color:#315242;border:1px solid #d7e2d2}.btn-danger{background:#fff0ed;color:#af4e40;border:1px solid #e8a99f}.top-avatar{background:#f9efdb;color:#264736;box-shadow:0 3px 12px #243b1a18}
main{max-width:1700px;padding:14px 28px 45px}.statusbar{background:#f4f4edb8;color:#536658;border-color:#dddcd0;padding:9px 32px;font-size:10px;letter-spacing:0;min-height:37px}
/* Homepage */
.home-wrap{display:grid;gap:11px}.home-hero{position:relative;min-height:205px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:white;margin:0 0 4px;padding:22px 8px 12px 16px;text-shadow:0 2px 16px #0d211b7b}.hero-copy{padding-left:5px}.hero-copy .hero-kicker{font:54px Georgia,'Times New Roman',serif;letter-spacing:4px;line-height:.95;color:#fff9ea}.hero-copy .hero-script{font:12px Georgia,serif;font-style:italic;color:#e6c6a0;margin-left:10px}.hero-copy h1{font:26px 'Songti SC','SimSun',serif;letter-spacing:7px;margin:12px 0 9px;color:#fffdf4}.hero-copy p{font-size:13px;letter-spacing:3px;color:#fcf4e9;margin:0;line-height:1.7}
.scene-card{height:150px;min-width:315px;max-width:390px;width:30%;display:flex;align-items:center;gap:12px;text-align:left;color:#34483b;background:#fffdf8ba;border:1px solid #fff9f5db;padding:13px;border-radius:17px;box-shadow:0 12px 32px #182b292f;backdrop-filter:blur(21px)}.scene-card:hover{background:#fffdf8db}.scene-card img{width:92px;height:120px;object-fit:cover;border-radius:9px;border:2px solid #fff}.scene-card span{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-shadow:none}.scene-card small{font-size:10px;letter-spacing:1px;color:#7b8175}.scene-card strong{font:18px 'Songti SC','SimSun',serif;color:#2c3e32}.scene-card em{font-size:11px;font-style:normal;line-height:1.7;color:#788476}.scene-card svg{width:20px;height:20px;align-self:flex-end;color:#496957}
.home-panel{background:linear-gradient(125deg,#fffdf4ed,#fffaf4dd);border:1px solid #fffef8cf;border-radius:15px;box-shadow:0 9px 24px #2c3d281f,0 2px 3px #46381c13;backdrop-filter:blur(18px);padding:12px 15px 14px;min-width:0}.panel-head{display:flex;align-items:center;gap:12px;margin:0 1px 10px}.panel-head svg{color:#1b513b;width:21px;height:21px}.panel-head h2{font:600 18px 'Songti SC','SimSun',serif;letter-spacing:1px;margin:0}.panel-head .subtitle{color:#8d887f;font-size:11px;margin-left:8px}.panel-head .spacer{flex:1}.panel-head button{background:transparent;color:#6e736a;border:0;font-size:11px;display:flex;align-items:center;gap:4px}.panel-head button svg{width:13px;height:13px}
.home-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.recent-mini{background:#fffaf5cf;border:1px solid #eee9df;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;min-width:0;color:#20362a;padding:5px 6px 8px}.recent-mini:hover{transform:translateY(-2px);box-shadow:0 5px 18px #53645425}.recent-pic{height:68px;border-radius:7px;overflow:hidden;background:#ced8c6;display:flex;align-items:center;justify-content:center;position:relative}.recent-pic img{width:100%;height:100%;object-fit:cover}.recent-pic svg{width:28px;height:28px;opacity:.65}.recent-pic .chip-float{position:absolute;left:4px;bottom:4px;background:#dff4e8;color:#277a64;border-radius:9px;padding:3px 7px;font-size:9px}.recent-mini strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;margin:7px 3px 5px}.recent-mini small{font-size:10px;color:#909088;margin-left:3px}.recent-empty{grid-column:1/-1;display:flex;align-items:center;gap:13px;background:#f8f7eea3;border:1px dashed #d7d9ca;border-radius:11px;padding:22px}.recent-empty p{margin:0;font-size:12px;color:#6f7a70;flex:1}.recent-empty button{background:#2b6249;color:#fff;border:0;border-radius:8px;padding:8px 15px}
.home-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-video-tile{border:1px solid #e8e6da;border-radius:11px;background:#fffcf7eb;overflow:hidden;text-align:left;padding:6px 6px 10px;color:#283b30;min-width:0;cursor:pointer}.home-video-tile:hover{box-shadow:0 8px 19px #263a271d;transform:translateY(-2px)}.home-video-image{height:115px;border-radius:7px;background:#d6d5c5;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.home-video-image img,.home-video-image video{width:100%;height:100%;object-fit:cover}.home-video-image:after{position:absolute;content:'▶';display:grid;place-items:center;width:40px;height:40px;background:#1b251e8f;color:#fff;font-size:16px;border:1px solid #fff9;border-radius:50%;pointer-events:none}.home-video-tile strong{display:block;font-size:12px;margin:9px 5px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-video-tile p{font-size:10px;color:#868b81;margin:0 5px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-video-tile .video-tag{margin:8px 5px 0;display:inline-block;font-size:9px;border-radius:12px;padding:3px 8px;background:#dcf2ec;color:#367563}.home-video-tile.placeholder .home-video-image:after{content:'+';background:#e8eee2a8;color:#52715b;border:1px solid #fff}.home-video-tile.placeholder{border-style:dashed}.home-video-tile.placeholder strong{color:#597060}
.home-bottom{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,.98fr);gap:11px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.category-tile{border:1px solid #e8e6d8;border-radius:10px;background:#fffef8cd;color:#263a2e;padding:5px 5px 9px;text-align:left;min-width:0}.category-tile:hover{background:#fff;transform:translateY(-2px)}.category-image{height:63px;display:grid;place-items:center;overflow:hidden;background:var(--cat-background,#d8ddd2);border-radius:7px}.category-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.92)}.category-image svg{width:22px;height:22px;opacity:.9;color:#41745e}.category-title{display:flex;align-items:center;justify-content:space-between;margin:7px 4px 0;gap:4px}.category-title strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-title em{font-size:9px;font-style:normal;color:#9a9c92}.home-favorite-list{display:grid;gap:5px}.favorite-mini{border:0;border-radius:9px;padding:6px;text-align:left;background:#fffdf9ad;display:flex;gap:9px;align-items:center;color:#26382c;width:100%}.favorite-mini:hover{background:#fff}.favorite-mini .thumb-small{width:40px;height:36px}.favorite-mini strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-mini small{font-size:9px;color:#9c9c90;display:block;margin-top:3px}.favorite-mini .star{color:#e3a02b;font-size:15px;margin-left:auto}.home-empty-hint{font-size:12px;color:#8d9587;line-height:1.8;padding:17px 10px}.category-note{color:#a8a39b;font-size:10px;margin:0 0 10px}
/* Interior pages */
.page-top{padding:23px 26px;margin:5px 0 12px;border-radius:16px;background:#fff9f3e9;border:1px solid #fffaf8ad;box-shadow:0 12px 25px #2d443019;align-items:center}.page-title{color:#233d2f;font:25px 'Songti SC',serif;margin:0 0 8px}.eyebrow{color:#779985;font-size:10px;letter-spacing:1px;margin-bottom:8px}.page-desc{color:#7d867c}.lib-control,.surface,.settings-block,.project-card,.help-panel{background:#fffbf4e9;border-color:#e5e4d7;color:#273c30;box-shadow:0 10px 26px #293c2714;border-radius:13px}.lib-control{padding:16px;border-radius:15px}.group-tabs .tab{color:#748577}.group-tabs .tab.active{color:#235940;border-color:#337254}.subtype,.controls-line select{background:#f6f5ee;color:#33463b;border-color:#dfdfd4}.subtype.active{background:#d4e9dd;color:#235940;border-color:#bad5c2}.inline-search{background:#fefcf7;color:#6e8276;border-color:#d5d9cc}.inline-search input{color:#2e4639}.results-header{color:#717e73}.asset-card{background:#fffaf3f2;color:#233b2e;border-color:#ebe8dc}.card-body{background:transparent}.card-title,.row-title{color:#20382c}.card-desc,.row-meta,.card-foot{color:#829085}.asset-row{border-color:#e2e8df}.asset-row:hover{background:#edf6ed}.project-card h3{color:#2c4435}.project-card p{color:#879184}.row-check,.card-check{accent-color:#35775b}.type-chip,.type-pill{background:#e4f1e8;color:#36745f}.status-chip{background:#e4f3e9;color:#3c7550}.status-chip.testing{background:#fff4d3;color:#9c7838}.status-chip.draft{background:#e9ebf6;color:#6676a0}.status-chip.archived{background:#efebeb;color:#7b7371}
/* modal and drawer are working pages, not dark overlay widgets */
.detail-drawer{background:#fbf9f2;border-left:1px solid #d9ded2;color:#2b4335}.drawer-header{background:#fdfbf6eb;border-color:#dee3d7}.drawer-header strong{color:#3c5447}.drawer-desc{color:#6f8274}.drawer-title{color:#2e4337}.drawer-tabs{border-color:#dde5d9}.drawer-tab{color:#849389}.drawer-tab.active{color:#35775b;border-color:#35775b}.drawer-content h4{color:#345744}.meta-row span:first-child{color:#859589}.meta-row span:last-child{color:#30483a}.file-item{background:#fff;border-color:#dce3d6}.version-item{border-color:#a4c8b1}.version-item p{color:#809587}.detail-art:after{content:'ARCHE / 私人资源库';font-size:9px;color:#5d6a59;background:#fffd;padding:4px 6px;border-radius:5px}.modal{background:#fffdf7;border:1px solid #d9e4d7;color:#294233}.modal-head,.modal-foot{border-color:#e0e6dc}.modal-head strong{font-size:20px;color:#244637}.modal-body{color:#2a4334}.modal .icon-btn,.drawer-header .icon-btn{color:#566b5d}.field label{color:#415e4e}.field input,.field textarea,.field select{background:#fff;color:#254235;border-color:#ccd8ca}.field small{color:#819085}.project-check{color:#526d59;border-color:#d2dfd0;background:#f8fbf5}.dropzone{background:#f5f9f0;border-color:#a3bcaa}.dropzone p{color:#778b7b}.queue-item{background:#fff;border-color:#dae1d6}.queue-status{color:#658873!important}.search-input-wrap{background:#fff;border-color:#ceddcc}.search-input-wrap input{color:#274834}.search-result{color:#234435}.search-result:hover{background:#edf5ed}.search-hint{color:#74887a}.link-list{background:#fff;border-color:#e0e6df}.link-list-item{border-color:#e5e9e1}.link-list-item:hover{background:#f1f5ed}.settings-block p{color:#7b8a7e}.help-panel{color:#5d7162}.toast{background:#214e3b;border-color:#789d80;color:#f3f8f0}
/* video modal */
.video-player-modal{max-width:100%;max-height:62vh;display:block;background:#17271f;border-radius:10px;width:100%}.video-player-hint{color:#778977;font-size:12px;line-height:1.7;margin-top:12px}
/* responsive */
@media(max-width:1250px){.sidebar{width:224px}.workspace{width:calc(100% - 224px);margin-left:224px}.workspace::before,.workspace::after{left:224px}.topbar{padding-left:18px;padding-right:18px}.home-hero{min-height:188px}.home-video-image{height:100px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.top-search{width:auto;flex:1}.topbar{gap:10px}.top-left{display:none}.scene-card{min-width:270px}.home-bottom{grid-template-columns:1fr}.home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{width:254px;transform:translateX(-110%)}.workspace{width:100%;margin:0}.workspace::before,.workspace::after{left:0}.topbar{height:72px;padding:0 14px}.top-left{display:block}.mobile-menu{color:#35523b;display:grid}.top-search{width:42px;flex:none;background:#fff9f4ed}.top-search span,.top-search kbd{display:none}.top-actions .btn{padding:0 10px}.top-actions .btn svg{display:none}.top-avatar{display:none}.sidebar-close{color:#f1e9d9;display:grid}main{padding:4px 12px 32px}.home-hero{min-height:220px;padding:25px 5px 15px;display:block}.hero-copy .hero-kicker{font-size:43px}.hero-copy h1{font-size:20px;letter-spacing:4px}.hero-copy p{font-size:11px;letter-spacing:1px}.scene-card{width:100%;max-width:100%;min-width:0;height:85px;margin-top:14px}.scene-card img{height:65px;width:56px}.scene-card span{gap:3px}.scene-card strong{font-size:14px}.scene-card em{display:none}.home-panel{padding:11px}.home-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-video-image{height:100px}.panel-head .subtitle{display:none}.panel-head h2{font-size:16px}.home-bottom{grid-template-columns:1fr}.page-top{padding:16px}.page-title{font-size:24px}}
@media(max-width:425px){.home-video-image{height:93px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-mini strong{font-size:11px}.home-video-tile p{display:none}.home-video-tile strong{font-size:11px}.topbar #btn-new{height:34px}.topbar #btn-new span{font-size:12px}.home-hero{min-height:219px}}
/* V3 light resource list and disclosure polish */
.asset-list{background:#fffdf6ed;border:1px solid #e3e8dd;border-radius:12px;overflow:hidden}
.asset-list .asset-row{background:#fffdf6e6;color:#263e31;border-bottom:1px solid #e6eadf!important}
.asset-list .asset-row:hover{background:#eef7ec}
.asset-list .asset-row .row-title{color:#294436}
.asset-list .asset-row .row-meta{color:#8a988a}
.asset-list .asset-row .row-end{color:#8b978c}
.asset-list .asset-row .type-pill{border-color:#d1e3d6;color:#467a5c;background:#e6f3e6}
.asset-list .thumb-small{background:#e6ece3}
.home-video-tile.placeholder .home-video-image:after{display:none}
.nav-item:focus-visible,.nav-fold:focus-visible,.category-tile:focus-visible,.home-video-tile:focus-visible,.recent-mini:focus-visible{outline:2px solid #9bd0a4;outline-offset:2px}