/* 本地资源，无外部字体或 UI 依赖。 */
:root{--green:#246b50;--green-dark:#194b39;--lime:#d9edbb;--mint:#edf5ec;--ink:#233b31;--muted:#839087;--line:#e7ece6;--surface:#fff;--bg:#f7f9f5;--red:#b94343;--radius:16px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img,video{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;font-weight:650}button:focus-visible,a:focus-visible{outline:3px solid #a6cd8a;outline-offset:4px}input,select,textarea{width:100%;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:var(--ink);padding:11px 13px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#72a98c;box-shadow:0 0 0 3px #246b5010}input::placeholder,textarea::placeholder{color:#a2aca5}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{width:auto;accent-color:var(--green)}input[type=file]{font-size:13px}input[type=file]::file-selector-button{border:0;background:var(--mint);color:var(--green);border-radius:6px;padding:7px 12px;margin-right:12px;cursor:pointer}[hidden]{display:none!important}.muted{color:var(--muted)}.green{color:var(--green)}.block{display:block}.required,.danger-text{color:var(--red)!important}.full{width:100%}.mobile-only{display:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--green);color:#fff;padding:12px}.skip-link:focus{top:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 19px;font-weight:550;line-height:1.5;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:#fff;color:var(--green);border-color:#dce7df}.button.secondary:hover{background:var(--mint);border-color:#adc7b5}.button.large{padding:13px 20px}.text-button{padding:0;border:0;background:none;color:var(--green);font-size:13px}.text-button:hover{text-decoration:underline}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:600}.count{display:inline-flex;background:#eaf1e7;color:#5b795d;align-items:center;justify-content:center;font-size:12px;min-width:27px;height:24px;padding:0 8px;border-radius:7px;font-weight:500;vertical-align:middle}.back-link{display:inline-block;margin-bottom:24px;color:#7c8d80;font-size:13px}.back-link:hover{color:var(--green)}
/* 前台导航与素材广场 */
.site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 32px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:.5px;font-weight:700;white-space:nowrap}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:43px;border-radius:12px;background:var(--green);color:#e7f3d4;font-size:23px;box-shadow:0 5px 14px #246b5015}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.5px;font-weight:400;margin-top:1px}.site-nav{display:flex;align-items:center;gap:34px;color:#87938a;font-size:13px}.site-nav .current{color:var(--green);font-weight:600;position:relative}.site-nav .current:after{content:"";width:17px;height:3px;background:var(--green);position:absolute;bottom:-31px;left:calc(50% - 8px);border-radius:4px}.admin-entry{padding:7px 13px;background:#f4f6f1;border:1px solid var(--line);border-radius:7px}.admin-entry span{margin-left:9px}.public-main{max-width:1200px;margin:auto;padding:34px 32px 44px}.hero{background:linear-gradient(110deg,#eef4e8 0%,#e9f0e2 60%,#e1ecd9 100%);border:1px solid #e1e9dc;border-radius:21px;min-height:316px;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#75916d;letter-spacing:2px;font-size:12px;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#6a9260;box-shadow:0 0 0 4px #dce9d3}.hero h1{font-size:43px;letter-spacing:1px;margin:16px 0 12px;color:#294b33;font-weight:750}.hero h1 span{color:#5e8651}.hero-copy>p{color:#7e9177;font-size:14px;line-height:1.9}.hero-steps{display:flex;align-items:center;gap:18px;margin-top:28px;font-size:11px;color:#75886f}.hero-steps b{color:#4f7644;font-family:Georgia,serif;margin-right:5px;font-size:13px}.hero-steps i{font-style:normal;color:#b0bfa4}.hero-art{width:345px;height:240px;position:relative;flex-shrink:0;margin-right:8px}.art-ring{width:270px;height:270px;border:1px solid #cfddc5;border-radius:50%;position:absolute;right:-5px;top:-15px;box-shadow:0 0 0 28px #d9e5cf55,0 0 0 57px #d9e5cf33}.art-card{position:absolute;border:1px solid #ffffff;box-shadow:0 16px 30px #456a3320;border-radius:12px;background:#fafcf5}.art-card.back{width:174px;height:183px;right:3px;top:7px;transform:rotate(11deg);padding:16px}.art-card.back>span{color:#8da17d;font-size:8px;letter-spacing:2px}.art-lines{height:5px;border-radius:5px;width:80%;background:#e1e9d9;margin-top:13px}.art-lines.short{width:50%;margin-top:7px}.art-card.front{width:228px;height:189px;left:14px;top:30px;transform:rotate(-7deg);padding:9px}.art-scene{height:137px;border-radius:7px;background:linear-gradient(#c8d6af,#e0e5cb);position:relative;overflow:hidden}.art-sun{position:absolute;right:35px;top:20px;width:31px;height:31px;border-radius:50%;background:#f2eacb}.art-hill{width:330px;height:130px;position:absolute;left:-20px;bottom:-55px;background:#849a67;border-radius:45% 60% 0 0;transform:rotate(-13deg)}.art-hill:after{content:"";position:absolute;width:190px;height:100px;background:#688254;right:5px;top:28px;border-radius:70% 70% 0 0;transform:rotate(28deg)}.play-circle{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);height:44px;width:44px;border:1px solid #ffffffaa;border-radius:50%;display:flex;justify-content:center;align-items:center;padding-left:3px;color:#fff;font-size:15px;background:#ffffff22;backdrop-filter:blur(3px)}.art-caption{padding:10px 4px;display:flex;align-items:center;justify-content:space-between;color:#708460;font-size:9px}.art-caption b{font-size:14px}.art-label{position:absolute;bottom:1px;right:7px;background:#fffdf3;border:1px solid #e4e9d8;box-shadow:0 5px 18px #5676450d;padding:8px 15px;border-radius:7px;color:#7c8e5c;font-size:10px;transform:rotate(5deg)}.library{margin-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:5px}.section-heading h2{font-size:23px;display:flex;align-items:center;gap:11px}.section-heading>p{font-size:12px}.search-form{display:flex;gap:11px;max-width:100%;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px}.search-input{display:flex;align-items:center;flex:1;gap:9px}.search-input>span{font-size:25px;line-height:1;color:#8ca08e;padding-left:8px}.search-input input{border:0;padding-left:4px;box-shadow:none;min-width:0;background:none}.search-input input:focus{box-shadow:none}.search-form>.button{font-size:12px;padding:9px 22px}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 23px}.category-tabs a{padding:7px 18px;color:#849081;font-size:12px;border-radius:7px;border:1px solid transparent}.category-tabs a.active{background:var(--green);color:#fff}.category-tabs a:not(.active):hover{border-color:#d9e4d4;background:#eff4eb}.results-note{display:flex;justify-content:space-between;gap:12px;margin:-3px 0 20px;font-size:12px;color:#8b998d}.results-note a{color:var(--green)}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.material-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;transition:box-shadow .2s,transform .2s}.material-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #344d3910}.card-cover{display:block;position:relative;aspect-ratio:16/10;background:#e6eddf;overflow:hidden}.card-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.material-card:hover .card-cover>img{transform:scale(1.03)}.cover-category{position:absolute;top:13px;left:13px;color:#fff;background:#234b3b80;backdrop-filter:blur(6px);padding:3px 9px;border-radius:5px;font-size:10px}.cover-play{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid #fff9;color:#fff;border-radius:50%;padding-left:2px;background:#ffffff20;font-size:12px}.cover-size{position:absolute;bottom:11px;right:11px;padding:2px 6px;background:#1d372a80;color:#fff;border-radius:4px;font-size:10px}.placeholder-cover{background:linear-gradient(135deg,#d6e5ca,#aebda0);display:flex;flex-direction:column;align-items:center;justify-content:center}.material-card:nth-child(3n+2) .placeholder-cover{background:linear-gradient(135deg,#dedfc9,#babd9d)}.material-card:nth-child(3n+3) .placeholder-cover{background:linear-gradient(135deg,#cddfd8,#99b6aa)}.placeholder-mark{font-size:76px;position:absolute;right:20px;top:12px;color:#ffffff18;transform:rotate(-15deg)}.placeholder-text{font-size:20px;color:#fff;letter-spacing:2px;margin-bottom:28px}.placeholder-text small{display:block;font-size:9px;letter-spacing:1px;opacity:.8;margin-top:4px}.placeholder-cover .cover-play{top:52px}.card-body{padding:18px}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:#99a297;margin-bottom:9px;gap:8px}.card-body h3{font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:51px}.card-body h3 a:hover{color:var(--green)}.card-description{color:#93a08f;font-size:12px;line-height:1.8;margin:8px 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px;white-space:pre-line}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:15px;border-top:1px solid #f0f3ec}.card-actions .button{padding:9px 3px;font-size:11px}.empty-state{text-align:center;padding:68px 20px;background:#fff;border:1px dashed #dce5d5;border-radius:14px}.empty-icon{display:inline-flex;height:64px;width:64px;justify-content:center;align-items:center;background:#f0f5eb;border-radius:18px;color:#8ba37b;font-size:34px;margin-bottom:15px}.empty-state h3{font-size:19px}.empty-state p{color:#94a08f;font-size:13px;margin:10px 0 23px}.tips-strip{display:flex;gap:16px;align-items:center;background:#f0f4e9;border:1px solid #e5ebda;border-radius:11px;margin-top:35px;padding:20px 24px}.tips-icon{display:flex;width:29px;height:29px;justify-content:center;align-items:center;border:1px solid #afbc98;border-radius:50%;color:#91a174;font:italic 20px Georgia,serif;flex-shrink:0}.tips-strip strong{font-size:12px;font-weight:550;color:#6e7f5b}.tips-strip p{color:#96a087;font-size:11px;margin-top:4px}.tips-end{margin-left:auto;white-space:nowrap;font-size:11px;color:#9aa787}.site-footer{max-width:1136px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 30px;color:#a2aca0;font-size:10px}.site-footer>div{display:flex;gap:20px}.site-footer>div>span:first-child{color:#7e927a}.pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:30px 0 10px;font-size:12px;flex-wrap:wrap}.pagination a{width:33px;height:33px;border:1px solid #e1e8db;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center}.pagination a.selected{background:var(--green);color:#fff;border-color:var(--green)}.pagination>span{margin-left:7px}
/* 视频详情与登录 */
.detail-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:25px}.video-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.detail-video{display:block;width:100%;max-height:660px;min-height:260px;background:#16241c;aspect-ratio:3/4;object-fit:contain}.video-caption{padding:15px 20px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.video-caption>span:last-child{color:var(--muted)}.video-help{padding:0 20px 18px;font-size:11px;color:var(--muted)}.detail-info{padding:7px 0}.pill{display:inline-block;border:1px solid #d8e4ce;border-radius:6px;padding:3px 11px;background:#eef4e8;color:#6e8c5b;font-size:11px}.detail-info h1{font-size:28px;line-height:1.6;margin:16px 0 13px;overflow-wrap:anywhere}.detail-meta{font-size:11px;color:#97a08f;display:flex;align-items:center;gap:10px}.detail-actions{display:flex;gap:10px;margin-top:27px}.detail-actions>*{flex:1}.open-video-link{display:block;text-align:center;margin-top:13px;font-size:12px;color:#6f8b61}.copy-content{border:1px solid var(--line);border-radius:12px;padding:21px;background:#fff;margin:28px 0 22px}.copy-content>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.copy-content h2{font-size:15px}.copy-content p{font-size:13px;line-height:2;color:#7e8d76;overflow-wrap:anywhere;max-height:480px;overflow:auto}.save-guide{background:#eff3e8;padding:20px 22px;border-radius:11px;color:#839074;font-size:12px}.save-guide strong{color:#6b7f5b}.save-guide ol{padding-left:17px;margin-bottom:0;line-height:1.9}.save-guide li{margin-top:8px}.login-container{min-height:calc(100vh - 185px);display:flex;justify-content:center;align-items:center;padding:50px 24px;background:radial-gradient(ellipse at 50% 35%,#e6eedd66,transparent 60%)}.login-card{width:450px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px 38px 30px;box-shadow:0 15px 60px #263d2d07;text-align:center}.login-emblem{display:flex;justify-content:center;align-items:center;border-radius:15px;width:53px;height:53px;background:var(--mint);color:var(--green);font-size:27px;margin:0 auto 19px}.login-card>.eyebrow{color:#a0ad95;font-size:9px;letter-spacing:3px}.login-card h1{font-size:23px;margin:10px 0}.login-card>p.muted{font-size:12px}.stack-form{display:flex;flex-direction:column;gap:20px;text-align:left;margin-top:28px}.stack-form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#677b66}.login-hint{border-top:1px solid var(--line);padding-top:23px;margin-top:25px;color:#a4ada0;font-size:10px}.login-hint a{display:block;margin-top:4px;color:#859b79}.alert{padding:12px 15px;border:1px solid;border-radius:8px;margin:18px 0;font-size:12px;text-align:left;overflow-wrap:anywhere}.alert.success{background:#f0f8eb;border-color:#d4e8c8;color:#65874e}.alert.error{background:#fdf1ef;border-color:#efd6d0;color:#b15b4c}.message-state{max-width:750px;margin:50px auto}.message-state h1{font-size:23px;line-height:1.8;margin-top:17px}.message-state .button{margin:5px}
/* 后台 */
.admin-body{background:#f6f8f4}.admin-shell{display:flex;min-height:100vh}.sidebar{width:228px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:30px 22px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{font-size:18px;gap:9px}.sidebar .brand-icon{width:37px;height:40px;font-size:21px}.sidebar .brand small{font-size:9px;letter-spacing:2px}.nav-caption{font-size:10px;color:#a6b19f;margin:44px 13px 13px;letter-spacing:1px}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav>a{padding:12px 15px;border-radius:8px;color:#8a9981;display:flex;align-items:center;gap:12px;font-size:12px}.admin-nav>a>span{font-size:18px;line-height:1;width:16px}.admin-nav>a:hover{background:#f5f8f1}.admin-nav>a.active{background:#edf4e6;color:#588045;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom .button{font-size:11px}.sidebar-bottom p{font-size:9px;color:#a8b0a1;margin-top:13px;text-align:center}.admin-workspace{margin-left:228px;flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;border-bottom:1px solid var(--line);padding:20px 35px;font-size:11px;min-height:78px;gap:20px}.account{display:flex;align-items:center;gap:10px;color:#7e8b77;font-size:11px}.account>form{margin-left:10px;border-left:1px solid var(--line);padding-left:18px}.account .text-button{font-size:11px;color:#9aa592}.avatar{background:#e7efde;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:#6c8c54;text-transform:uppercase}.admin-main{padding:34px 35px 20px;flex:1;max-width:1600px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:7px}.page-heading h1{font-size:26px;margin-bottom:7px}.page-heading p{font-size:12px}.page-heading>.button{font-size:12px;padding:11px 19px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat-card{border:1px solid var(--line);border-radius:12px;padding:20px 23px;background:#fff}.stat-card>span{font-size:11px;color:#8a9982}.stat-card strong{display:block;font-size:30px;font-weight:550;margin-top:5px;line-height:1.5;font-variant-numeric:tabular-nums}.stat-card small{font-size:10px;color:#a0ac98;margin-left:9px;font-weight:400}.stat-card p{font-size:10px;color:#a1ac98;margin-top:3px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-toolbar{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #eef1e9}.panel-toolbar h2{font-size:15px;display:flex;gap:8px;align-items:center;white-space:nowrap}.panel-toolbar .count{font-size:10px;height:21px;min-width:24px}.admin-filter{display:flex;gap:8px;align-items:center}.admin-filter input{width:200px;padding:8px 10px;font-size:11px}.admin-filter select{width:110px;padding:8px 10px;font-size:11px}.admin-filter .button{padding:8px 14px;font-size:11px}.admin-filter .text-button{font-size:10px;white-space:nowrap}.table-scroll{overflow:auto}.materials-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}.materials-table th{background:#fafbf8;color:#9aa58f;font-weight:400;font-size:10px;padding:13px 18px}.materials-table td{padding:19px 18px;border-top:1px solid #f0f3eb;color:#75876b}.table-material{display:flex;align-items:center;gap:12px;min-width:200px}.table-thumb{width:64px;height:49px;border-radius:7px;background:linear-gradient(130deg,#d6e3c9,#9fb28c);display:flex;justify-content:center;align-items:center;color:#ffffffb0;flex-shrink:0;font-size:13px;overflow:hidden}.table-thumb img{width:100%;height:100%;object-fit:cover}.table-material>div{min-width:0;max-width:220px}.table-material>div>.muted{font-size:9px;display:block;margin-top:4px}.table-title{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#455f3a;font-size:12px}.table-title:hover{color:var(--green)}.materials-table small{font-size:9px;margin-top:3px}.status-badge{display:inline-block;font-size:10px;padding:3px 9px;border-radius:5px}.status-badge.published{color:#70914e;background:#eff6e7}.status-badge.draft{color:#a3a38c;background:#f4f4ed}.cleanup-countdown{display:block;min-width:115px;color:#b4773c;font-size:10px;line-height:1.5}.cleanup-countdown.expired{color:var(--red)}.confirm-publish{border:1px solid #d9e7cb;background:#f4f9ee;color:#688c52;padding:5px 8px;border-radius:6px;font-size:10px;white-space:nowrap}.confirm-publish:hover{background:#e8f3dc}.row-actions{display:flex;align-items:center;gap:12px}.row-actions>a,.row-actions button{color:#6b8e50;font-size:10px}.row-actions button{border:0;background:none;padding:0}.row-actions a:hover,.row-actions button:hover{text-decoration:underline}.panel .pagination{padding:0 20px 18px}.panel>.empty-state{border:0;border-radius:0}.admin-note{font-size:10px;color:#a0ac96;margin-top:18px}.admin-footer{font-size:9px;color:#abb4a2;text-align:center;padding:22px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}.editor-main{display:flex;flex-direction:column;gap:23px}.form-panel{padding:25px}.form-panel h2{font-size:15px}.panel-title{display:flex;gap:12px;margin-bottom:25px;align-items:start}.panel-title p{font-size:10px;margin-top:5px}.step-number{width:28px;height:28px;display:flex;justify-content:center;align-items:center;background:#f0f5e9;border-radius:7px;font-size:10px;color:#7e9a65;flex-shrink:0}.upload-zone{position:relative;border:1px dashed #c9d8bb;border-radius:10px;background:#fafcf6;display:flex;align-items:center;flex-direction:column;padding:28px 15px;cursor:pointer;gap:8px;text-align:center;transition:background .2s}.upload-zone:hover,.upload-zone.dragover{background:#edf5e5;border-color:#88ad68}.upload-zone>input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-zone:focus-within{outline:3px solid #b5cf9c;outline-offset:2px}.upload-zone .upload-symbol{font-size:27px;color:#84a76b;background:#eaf2df;width:43px;height:43px;border-radius:12px;line-height:42px;margin-bottom:4px}.upload-zone strong{font-size:12px;font-weight:500;color:#7d936b}.upload-zone>span:not(.upload-symbol):not(.button){font-size:10px;color:#a5b197}.upload-zone .button{font-size:10px;margin-top:7px;padding:6px 15px;color:#82a36b}.file-info{font-size:10px;color:#9ba98e;margin:10px 0;overflow-wrap:anywhere}.field-gap{margin-top:23px}.field-label{display:block;font-size:12px;font-weight:500;color:#718562;margin-bottom:8px}.optional{font-size:9px;font-weight:400;color:#a5b296;margin-left:5px}.field-hint{font-size:10px;line-height:1.9;color:#a3ad97;margin-top:7px;margin-bottom:9px}.form-panel input:not([type=file]),.form-panel textarea,.form-panel select{font-size:12px}.upload-preview{display:block;width:100%;max-height:270px;background:#16251b;border-radius:8px;margin-top:15px}.cover-preview{display:block;max-width:220px;max-height:150px;object-fit:contain;margin-top:13px;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8c9b7e;margin-top:10px}.editor-aside>.panel{position:sticky;top:20px}.editor-aside .form-panel{padding:23px}.editor-aside .button.full{margin-top:10px;font-size:12px}.editor-aside .button.primary{margin-top:20px}.editor-aside .field-hint:last-child{margin-bottom:0}.editor-tip{background:#edf3e5;padding:20px;border-radius:10px;margin-top:20px;font-size:11px;color:#8da079}.editor-tip strong{font-weight:550;color:#7e9666}.editor-tip p{font-size:10px;line-height:1.9;margin-top:8px}.progress-track{height:5px;background:#edf1e8;border-radius:5px;overflow:hidden;margin:20px 0 8px}.progress-track>div{width:0;height:100%;background:#7ca65d;transition:width .2s}.upload-progress>span{font-size:10px;color:#7e9968}.password-panel{max-width:540px}.password-panel .stack-form{margin-top:0}.password-panel .button{align-self:start}.password-panel .field-hint{margin:0}
/* 提示、复制弹窗与移动端 */
.toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);background:#203e2eed;color:#f4f8ef;padding:12px 22px;border-radius:10px;box-shadow:0 6px 25px #244d3020;font-size:12px;z-index:100;max-width:min(90vw,600px);text-align:center;pointer-events:none}.copy-dialog{border:1px solid var(--line);border-radius:16px;max-width:450px;width:90vw;padding:27px;color:var(--ink);box-shadow:0 20px 80px #13281533}.copy-dialog::backdrop{background:#192b2055;backdrop-filter:blur(3px)}.copy-dialog h2{font-size:18px}.copy-dialog p{font-size:12px;margin:12px 0 17px}.copy-dialog textarea{font-size:13px;margin-bottom:15px}.clipboard-proxy{position:fixed;top:0;left:-9999px;width:2px;height:2px;opacity:0}
@media(min-width:1500px){.admin-main{padding:45px 48px}.admin-topbar{padding:20px 48px}}
@media(max-width:1150px){.sidebar{width:200px;padding:27px 16px}.sidebar .brand{font-size:16px}.sidebar .brand-icon{width:33px;height:37px}.admin-workspace{margin-left:200px}.admin-main{padding:28px 24px}.admin-topbar{padding:18px 24px}.stats-grid{gap:12px}.stat-card{padding:17px}.editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.form-panel{padding:20px}.editor-aside .form-panel{padding:20px}.panel-toolbar{padding:18px;align-items:start;flex-direction:column;gap:15px}.admin-filter{width:100%}.admin-filter input{flex:1;width:auto}.material-grid{gap:18px}.hero-art{transform:scale(.88);transform-origin:right center;width:300px}.hero{padding:35px}.hero h1{font-size:38px}.hero-steps{gap:12px}.tips-end{display:none}.site-footer{margin:0 32px}}
@media(max-width:900px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:220px;transform:scale(.73);margin-left:-30px}.hero h1{font-size:35px}.hero-copy>p{font-size:12px}.hero-steps{font-size:10px;gap:11px}.hero-steps b{font-size:11px}.sidebar{width:170px;padding:25px 12px}.sidebar .brand small{font-size:8px;letter-spacing:1px}.sidebar .brand{gap:6px;font-size:14px}.sidebar .brand-icon{width:30px;height:34px;font-size:19px}.admin-workspace{margin-left:170px}.admin-nav>a{font-size:11px;padding:12px;gap:9px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-aside{display:grid;grid-template-columns:minmax(0,1fr)}.editor-tip{display:none}.detail-layout{gap:25px}.detail-info h1{font-size:23px}.detail-actions{flex-direction:column}.open-video-link{font-size:10px}.video-caption{font-size:10px;padding:13px}.video-help{padding:0 13px 15px;font-size:10px}}
@media(max-width:650px){body{font-size:13px}.header-inner{padding:17px 19px}.brand{font-size:16px;gap:8px}.brand-icon{width:34px;height:37px;font-size:21px}.brand small{font-size:8px;letter-spacing:1px}.site-nav{gap:15px;font-size:11px}.site-nav .current:after{bottom:-27px}.admin-entry{padding:6px 9px;font-size:10px}.admin-entry span{margin-left:4px}.public-main{padding:20px 18px 28px}.hero{padding:28px 24px;min-height:265px;border-radius:16px}.hero-art{display:none}.hero h1{font-size:34px;margin-top:16px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-copy>p{font-size:12px}.hero-steps{margin-top:24px;font-size:10px;gap:12px}.hero-steps b{font-size:11px}.library{margin-top:29px}.section-heading{margin-bottom:19px}.section-heading h2{font-size:20px;gap:9px}.section-heading .eyebrow{font-size:8px}.section-heading>p{display:none}.search-form{padding:8px;gap:4px}.search-input{gap:4px;min-width:0}.search-input input{font-size:11px;padding:10px 3px;width:100%}.search-input>span{font-size:23px;padding-left:5px}.search-form>.button{font-size:10px;padding:9px 12px}.category-tabs{gap:5px;margin:17px 0 19px}.category-tabs a{padding:6px 12px;font-size:11px}.material-grid{gap:14px;grid-template-columns:minmax(0,1fr)}.card-cover{aspect-ratio:16/9}.card-body{padding:17px}.card-body h3{font-size:16px;min-height:0}.card-description{min-height:0;margin-bottom:14px}.card-meta{font-size:10px}.card-actions .button{padding:10px 3px;font-size:12px}.empty-state{padding:50px 16px}.empty-state h3{font-size:17px}.empty-state p{font-size:11px}.tips-strip{padding:18px 16px;gap:12px;margin-top:25px}.tips-strip p{font-size:10px;line-height:1.9}.tips-strip strong{font-size:11px}.site-footer{margin:0 18px;padding:22px 0;font-size:9px;flex-direction:column;gap:8px}.site-footer>div{justify-content:space-between}.pagination{font-size:10px;gap:5px}.pagination a{height:29px;width:29px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:22px}.detail-video{aspect-ratio:auto;min-height:220px;max-height:65vh}.detail-info{padding:0}.detail-info h1{font-size:24px}.detail-actions{flex-direction:row}.open-video-link{font-size:12px}.back-link{margin:3px 0 19px;font-size:12px}.copy-content{margin-top:22px;padding:18px}.save-guide{padding:19px}.login-container{padding:35px 18px;min-height:calc(100vh - 205px)}.login-card{padding:30px 24px;width:100%;max-width:430px}.login-card h1{font-size:21px}.login-card>p.muted{font-size:11px}.sidebar{position:static;width:100%;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:space-between}.sidebar .brand{font-size:14px}.sidebar .brand small{display:none}.sidebar .brand-icon{width:28px;height:31px;font-size:18px;border-radius:9px}.nav-caption,.sidebar-bottom{display:none}.admin-shell{display:block}.admin-nav{flex-direction:row;gap:2px}.admin-nav>a{font-size:10px;padding:7px;gap:4px;border-radius:6px;white-space:nowrap}.admin-nav>a>span{display:none}.admin-workspace{margin-left:0}.admin-topbar{padding:11px 18px;min-height:55px;font-size:9px}.account{font-size:10px;gap:7px}.account>form{margin-left:3px;padding-left:10px}.avatar{width:25px;height:25px}.account .text-button{font-size:10px}.admin-main{padding:25px 18px 10px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.page-heading>.button{font-size:10px;padding:10px 12px;align-self:center}.stats-grid{gap:10px;margin-bottom:21px}.stat-card{padding:16px 18px}.stat-card>span{font-size:10px}.stat-card strong{font-size:27px}.stat-card p{font-size:9px}.panel-toolbar{padding:17px}.admin-filter{gap:6px;flex-wrap:wrap}.admin-filter input{min-width:100px}.admin-filter select{width:90px;font-size:10px}.admin-filter .button{font-size:10px;padding:8px 10px}.materials-table th,.materials-table td{padding:13px}.table-material{min-width:175px}.table-material>div,.table-title{max-width:160px}.table-thumb{width:50px;height:42px}.editor-layout{gap:17px}.editor-main{gap:17px}.form-panel,.editor-aside .form-panel{padding:20px}.panel-title{margin-bottom:21px;gap:9px}.panel-title h2{font-size:14px}.panel-title p{font-size:10px}.upload-zone{padding:24px 12px}.upload-zone strong{font-size:11px}.upload-zone>span:not(.upload-symbol):not(.button){font-size:9px}.password-panel{padding:24px}.admin-footer{padding:20px}.toast{bottom:23px;font-size:11px;min-width:220px;padding:12px 17px}.message-state{margin:20px auto}.message-state h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}