:root{--ink:#23324c;--muted:#6f7f93;--cream:#fffaf0;--paper:#fffefb;--orange:#ff8848;--orange-deep:#e96527;--sky:#48aee9;--blue:#457ce8;--green:#54bd85;--yellow:#ffd65a;--red:#f45f67;--line:#e4e8e8;--soft-blue:#eaf7ff;--soft-green:#ecfbf2;--shadow:0 20px 60px rgba(42,66,92,.12);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;background:var(--cream);line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid rgba(72,174,233,.24);outline-offset:3px}.paper-dots{position:fixed;inset:0;z-index:-2;background-image:radial-gradient(rgba(43,73,104,.08) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.paper-dots:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 16%,rgba(255,214,90,.32),transparent 22%),radial-gradient(circle at 90% 12%,rgba(72,174,233,.19),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.1),var(--cream) 92%)}
.site-header{position:sticky;top:0;z-index:30;height:76px;padding:0 clamp(20px,5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(255,250,240,.88);border-bottom:1px solid rgba(35,50,76,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;width:max-content;color:var(--ink);text-decoration:none}.brand-mark{display:flex;gap:3px;transform:rotate(-3deg)}.brand-mark span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#fff;font-size:18px;font-weight:1000;box-shadow:0 5px 0 rgba(35,50,76,.12)}.brand-mark span:first-child{background:var(--orange)}.brand-mark span:last-child{background:var(--sky);transform:rotate(7deg)}.brand strong{display:block;font-size:19px;letter-spacing:.08em}.brand small{display:block;margin-top:-2px;color:var(--muted);font-size:11px}.main-nav{display:flex;align-self:stretch;gap:10px}.nav-item{position:relative;border:0;background:transparent;padding:0 18px;color:var(--muted);font-weight:800}.nav-item:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:9px 9px 0 0;background:var(--orange);transform:scaleX(0);transition:.2s}.nav-item.active{color:var(--ink)}.nav-item.active:after{transform:scaleX(1)}.account-button{justify-self:end;display:flex;align-items:center;gap:9px;border:0;background:#fff;padding:7px 13px 7px 7px;border-radius:999px;font-weight:800;box-shadow:0 7px 20px rgba(45,65,86,.08)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft-blue);color:var(--blue);font-weight:1000}
.view{display:none}.view.active{display:block}.creator-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:74px 0 90px}.hero-copy{text-align:center;position:relative}.hero-copy:before,.hero-copy:after{position:absolute;font-size:42px}.hero-copy:before{content:"✎";left:5%;top:20%;color:var(--orange);transform:rotate(-18deg)}.hero-copy:after{content:"✦";right:8%;top:0;color:var(--sky)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff2d0;color:#8d6410;font-size:14px;font-weight:900}.spark{color:var(--orange)}.hero-copy h1{margin:18px 0 14px;font-size:clamp(38px,6vw,68px);line-height:1.14;letter-spacing:-.045em}.hero-copy h1 em{position:relative;color:var(--orange);font-style:normal}.hero-copy h1 em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-5px;height:9px;border-radius:50%;background:var(--yellow);opacity:.45;transform:rotate(-1deg);z-index:-1}.hero-copy>p{max-width:660px;margin:0 auto;color:var(--muted);font-size:18px}.stepper{list-style:none;margin:50px auto 24px;padding:0 8px;max-width:780px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.stepper:before{content:"";position:absolute;left:11%;right:11%;top:19px;height:3px;background:#dfe6e7}.stepper li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:#9aa5b1;font-size:13px}.stepper span{display:grid;place-items:center;width:40px;height:40px;border:4px solid var(--cream);border-radius:50%;background:#e4e9e9;font-weight:1000}.stepper li.active,.stepper li.done{color:var(--ink)}.stepper li.active span{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(255,136,72,.3)}.stepper li.done span{background:var(--green);color:#fff}.stepper li.done span{font-size:0}.stepper li.done span:after{content:"✓";font-size:17px}
.maker-card{display:none;background:rgba(255,254,251,.96);border:1px solid rgba(35,50,76,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,5vw,54px);animation:rise .35s ease}.maker-card.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.card-heading{display:flex;align-items:center;gap:16px;margin-bottom:25px}.card-heading.compact{margin-bottom:20px}.heading-icon{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:18px;background:var(--soft-blue);color:var(--sky);font-size:26px;font-weight:1000;transform:rotate(-3deg)}.sun-icon{background:#fff3cc;color:#efaa20}.kicker{margin:0;color:var(--orange);font-size:12px;font-weight:1000;letter-spacing:.14em}.card-heading h2{margin:2px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.25}.card-heading p:last-child:not(.kicker){margin:4px 0 0;color:var(--muted)}.prompt-box{display:block;position:relative}.prompt-box textarea{display:block;width:100%;min-height:180px;resize:vertical;border:3px solid #e7ecec;border-radius:22px;background:#fff;padding:22px 22px 48px;font-size:20px;line-height:1.65;transition:.2s}.prompt-box textarea:focus{border-color:var(--sky);box-shadow:0 8px 24px rgba(72,174,233,.09);outline:none}.prompt-hint{position:absolute;left:23px;bottom:16px;color:#9aa8b4;font-size:13px}.example-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0 22px;color:var(--muted);font-size:13px}.example-row button{border:1px solid #e1e7e9;border-radius:999px;background:#fff;padding:7px 12px;color:#5f7185}.example-row button:hover{border-color:var(--orange);color:var(--orange)}.smart-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;border-radius:18px;background:#f7faf9}.smart-fields label,.game-settings label,.dialog label{display:flex;flex-direction:column;gap:7px;color:#53657a;font-size:13px;font-weight:800}.smart-fields select,.game-settings select,.game-settings input,.dialog input,.dialog textarea{width:100%;border:1.5px solid #dfe7e8;border-radius:13px;background:#fff;padding:11px 13px;outline:none}.smart-fields select:focus,.game-settings select:focus,.game-settings input:focus,.dialog input:focus,.dialog textarea:focus{border-color:var(--sky)}.existing-content{margin-top:15px;color:var(--muted);font-size:14px}.existing-content summary{width:max-content;cursor:pointer;color:#526d88;font-weight:900}.existing-content p{margin:7px 0 0}.primary-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.service-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.service-status i{width:9px;height:9px;border-radius:50%;background:#aeb9c2}.service-status.ready i{background:var(--green);box-shadow:0 0 0 4px rgba(84,189,133,.13)}.service-status.demo i{background:var(--yellow)}
.primary-button,.secondary-button,.ghost-button{border:0;border-radius:15px;padding:13px 19px;font-weight:1000;transition:.17s}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;box-shadow:0 7px 0 var(--orange-deep),0 12px 24px rgba(233,101,39,.18)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px 0 var(--orange-deep),0 15px 25px rgba(233,101,39,.19)}.primary-button:active{transform:translateY(4px);box-shadow:0 3px 0 var(--orange-deep)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-button{background:var(--soft-blue);color:#2378ac}.ghost-button{background:#f0f4f5;color:#607085}.full{width:100%}.text-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--blue);font-weight:900}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.detected-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.detected-tags span,.offline-badge{padding:7px 11px;border-radius:999px;background:var(--soft-green);color:#287c50;font-size:12px;font-weight:900}.notice{padding:12px 15px;border-radius:14px;font-size:13px}.notice.good{background:#fff8df;color:#715d20}.notice span{font-weight:1000}.editor-tabs{display:flex;gap:8px;margin:24px 0 16px;border-bottom:2px solid #edf0f1}.editor-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 15px;color:var(--muted);font-weight:900}.editor-tabs button.active{color:var(--orange);border-color:var(--orange)}.editor-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#edf2f3;color:#738293;font-size:11px}.editor-list{display:grid;gap:12px;max-height:620px;overflow:auto;padding:2px 5px 8px 2px}.editor-item{position:relative;border:2px solid #edf0f1;border-radius:19px;background:#fff;padding:18px 52px 18px 18px}.editor-item:hover{border-color:#dce8ed}.item-number{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0dc;color:#bd672b;font-size:12px;font-weight:1000}.delete-item{position:absolute;right:15px;bottom:14px;border:0;background:transparent;color:#b1bbc4;font-size:18px}.delete-item:hover{color:var(--red)}.field-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.field-grid.pair{grid-template-columns:1fr 1fr}.field-grid label{display:flex;flex-direction:column;gap:5px;color:#728093;font-size:11px;font-weight:900}.field-grid input,.field-grid textarea{border:1.5px solid #e0e7e8;border-radius:11px;padding:9px 11px;background:#fbfdfd;outline:none;resize:vertical}.field-grid input:focus,.field-grid textarea:focus{border-color:var(--sky);background:#fff}.options-edit{grid-column:1/-1}.add-item{width:100%;margin-top:12px;border:2px dashed #d9e2e4;border-radius:15px;background:transparent;padding:12px;color:#6d7d8d;font-weight:900}.add-item:hover{border-color:var(--orange);color:var(--orange)}.bottom-actions,.delivery-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px}.bottom-actions .primary-button{margin-left:auto}.game-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game-choice{position:relative;min-height:170px;border:3px solid #edf0f1;border-radius:22px;background:#fff;padding:21px;text-align:left;overflow:hidden;transition:.18s}.game-choice:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-25px;bottom:-30px;background:var(--game-soft,#eef7ff)}.game-choice:hover{transform:translateY(-3px);border-color:#cbdde6}.game-choice.selected{border-color:var(--game-color,var(--orange));box-shadow:0 0 0 4px var(--game-soft,#fff1e8)}.game-choice .game-emoji{font-size:39px}.game-choice h3{margin:8px 0 4px;font-size:20px}.game-choice p{margin:0;color:var(--muted);font-size:13px;max-width:75%}.game-choice small{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:99px;background:var(--game-soft,#eef7ff);color:var(--game-color,var(--blue));font-weight:900}.game-settings{display:grid;grid-template-columns:2fr 1fr;gap:13px;margin-top:22px;padding:18px;border-radius:18px;background:#f7faf9}.preview-card{padding-bottom:30px}.preview-frame-wrap{overflow:hidden;width:100%;aspect-ratio:16/10;border:8px solid var(--ink);border-radius:24px;background:#dbe7ee;box-shadow:0 17px 35px rgba(31,48,71,.18)}.preview-frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}.download{background:var(--green);box-shadow:0 7px 0 #319666,0 12px 24px rgba(49,150,102,.18)}.download:hover{box-shadow:0 9px 0 #319666,0 15px 25px rgba(49,150,102,.2)}
.community-view{min-height:calc(100vh - 76px);padding-bottom:80px;background:linear-gradient(180deg,#eaf8ff 0,#fffaf0 450px)}.community-hero{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:70px 20px 42px;display:flex;align-items:end;justify-content:space-between;gap:30px}.community-hero h1{margin:12px 0 0;font-size:clamp(44px,7vw,76px);line-height:1}.community-hero p{margin:13px 0 0;color:var(--muted);font-size:18px}.community-toolbar{position:sticky;top:76px;z-index:12;width:min(1180px,calc(100% - 36px));margin:0 auto 24px;padding:13px 15px;display:flex;justify-content:space-between;gap:15px;background:rgba(255,254,251,.92);border:1px solid rgba(35,50,76,.08);border-radius:18px;box-shadow:0 10px 30px rgba(43,64,84,.08);backdrop-filter:blur(15px)}.sort-tabs{display:flex;gap:7px}.sort-tabs button{border:0;border-radius:12px;background:transparent;padding:9px 13px;color:var(--muted);font-weight:900}.sort-tabs button.active{background:#fff0df;color:var(--orange-deep)}.filter-select{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:900}.filter-select select{border:1px solid #dfe7e8;border-radius:10px;background:#fff;padding:8px 10px}.work-grid{width:min(1180px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.work-card{position:relative;overflow:hidden;border:1px solid rgba(35,50,76,.07);border-radius:23px;background:#fff;padding:0;box-shadow:0 12px 30px rgba(44,67,90,.08);text-align:left;transition:.18s}.work-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(44,67,90,.13)}.work-cover{height:142px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--cover-a),var(--cover-b));font-size:62px}.work-cover .rank{position:absolute;left:13px;top:13px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px;font-weight:1000}.work-info{padding:17px}.work-tags{display:flex;gap:6px}.work-tags span{padding:4px 8px;border-radius:99px;background:#f1f5f6;color:#657789;font-size:11px;font-weight:900}.work-info h3{margin:10px 0 5px;font-size:19px}.work-info p{height:42px;margin:0;color:var(--muted);font-size:13px;overflow:hidden}.work-meta{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f1;color:#7c8a99;font-size:12px}.empty-state{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}
.dialog{width:min(440px,calc(100% - 28px));border:0;border-radius:25px;padding:32px;box-shadow:0 30px 90px rgba(25,42,64,.3);color:var(--ink)}.dialog::backdrop{background:rgba(27,43,64,.47);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:13px;top:10px;width:35px;height:35px;border:0;border-radius:50%;background:#eff3f4;color:#718091;font-size:22px}.dialog-art{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:19px;background:#fff0d0;color:var(--orange);font-size:29px}.dialog h2{text-align:center;margin:13px 0 4px}.dialog>p{text-align:center;margin:0 0 22px;color:var(--muted);font-size:14px}.dialog form{display:grid;gap:13px}.register-only{display:none}.dialog.register .register-only{display:flex}.publish-dialog h2{text-align:left}.publish-dialog>p{text-align:left}.work-dialog{width:min(960px,calc(100% - 28px));max-height:90vh;overflow:auto}.work-detail-head{display:flex;justify-content:space-between;gap:20px;padding-right:30px}.work-detail-head h2{text-align:left;margin-top:0}.work-detail-head p{color:var(--muted)}.detail-actions{display:flex;gap:9px;align-items:start}.like-button{border:0;border-radius:13px;background:#fff0f1;color:#ce4550;padding:10px 13px;font-weight:1000}.detail-preview{overflow:hidden;aspect-ratio:16/9;border:5px solid var(--ink);border-radius:18px}.detail-preview iframe{width:100%;height:100%;border:0}.comment-area{margin-top:20px}.comment-area h3{margin-bottom:10px}.comment-list{display:grid;gap:9px}.comment{padding:12px 14px;border-radius:13px;background:#f5f8f8}.comment strong{font-size:13px}.comment p{margin:4px 0 0;color:#5f7082;font-size:13px}.comment-form{display:flex;gap:8px;margin-top:12px}.comment-form input{flex:1;border:1.5px solid #dfe7e8;border-radius:12px;padding:10px 12px}.comment-form button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:9px 15px;font-weight:900}
.loading-layer{position:fixed;inset:0;z-index:80;display:none;place-items:center;align-content:center;background:rgba(255,250,240,.92);backdrop-filter:blur(8px);text-align:center}.loading-layer.show{display:grid}.magic-loader{display:flex;gap:13px;height:72px;align-items:center}.magic-loader span{color:var(--orange);font-size:30px;animation:jump 1s infinite ease-in-out}.magic-loader span:nth-child(2){color:var(--sky);animation-delay:.14s}.magic-loader span:nth-child(3){color:var(--green);animation-delay:.28s}@keyframes jump{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(25deg)}}.loading-layer strong{font-size:24px}.loading-layer p{margin:5px;color:var(--muted)}.site-toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;pointer-events:none;border-radius:14px;background:var(--ink);color:#fff;padding:12px 18px;box-shadow:0 12px 30px rgba(26,42,63,.25);font-weight:800;transition:.22s}.site-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.main-nav{position:fixed;z-index:29;left:50%;bottom:12px;transform:translateX(-50%);height:54px;padding:0 6px;background:rgba(255,255,255,.94);border-radius:18px;box-shadow:0 12px 35px rgba(35,50,76,.18)}.nav-item:after{bottom:3px;border-radius:9px}.creator-shell{padding-top:48px}.hero-copy:before,.hero-copy:after{display:none}.work-grid{grid-template-columns:repeat(2,1fr)}.community-toolbar{top:85px}.delivery-actions{flex-wrap:wrap}.delivery-actions .ghost-button{margin-right:auto}}
@media(max-width:620px){.site-header{height:68px;padding:0 13px}.brand small{display:none}.brand-mark span{width:31px;height:31px}.account-button{padding-right:9px}.account-button #accountLabel{display:none}.creator-shell{width:min(100% - 18px,1120px);padding:38px 0 85px}.hero-copy h1{font-size:37px}.hero-copy>p{font-size:15px}.stepper{margin-top:32px}.stepper b{display:none}.maker-card{border-radius:22px;padding:20px 16px}.card-heading{align-items:flex-start}.heading-icon{width:45px;height:45px}.smart-fields{grid-template-columns:1fr}.primary-row{align-items:stretch;flex-direction:column}.service-status{justify-content:center}.primary-button{width:100%}.section-topline{align-items:flex-start;flex-direction:column}.detected-tags{justify-content:flex-start}.field-grid,.field-grid.pair{grid-template-columns:1fr}.game-picker{grid-template-columns:1fr}.game-settings{grid-template-columns:1fr}.preview-frame-wrap{aspect-ratio:10/14}.bottom-actions{flex-direction:column-reverse;align-items:stretch}.bottom-actions .primary-button{margin:0}.bottom-actions button{width:100%}.delivery-actions{display:grid;grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.community-hero{align-items:flex-start;flex-direction:column;padding-top:45px}.community-hero .primary-button{width:auto}.community-toolbar{align-items:stretch;flex-direction:column;top:76px}.sort-tabs{overflow:auto}.filter-select{justify-content:flex-end}.work-detail-head{flex-direction:column}.detail-actions{flex-wrap:wrap}.comment-form{flex-direction:column}.dialog{padding:28px 20px}.work-dialog{padding:26px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 视觉系统 v2：教材编辑台。平涂、硬边、纸张感，避免模板化渐变与玻璃拟态。 */
:root{--ink:#17312f;--muted:#65736d;--cream:#f1eee4;--paper:#faf8f1;--orange:#c5533f;--orange-deep:#8e342a;--sky:#2e716b;--blue:#496878;--green:#39745c;--yellow:#d5b253;--red:#c55346;--line:#cec8b9;--soft-blue:#dce7e2;--soft-green:#e1eadf;--shadow:8px 8px 0 rgba(23,49,47,.16);--radius:14px}
body{background:#f1eee4;color:var(--ink)}.paper-dots{display:none}
.site-header{height:72px;background:#f7f4eb;border-bottom:2px solid var(--ink);backdrop-filter:none}.brand-mark span{border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}.brand-mark span:first-child{background:#c5533f}.brand-mark span:last-child{background:#2e716b}.brand strong{letter-spacing:.04em}.nav-item{color:#65736d}.nav-item:after{height:3px;background:var(--ink)}.nav-item.active{color:var(--ink)}.account-button{border:1.5px solid var(--ink);border-radius:8px;background:#faf8f1;box-shadow:3px 3px 0 rgba(23,49,47,.18)}.avatar{border-radius:4px;background:#dce7e2;color:var(--ink)}
.creator-shell{padding-top:58px}.hero-copy{text-align:left;padding:28px 34px 30px;border-left:7px solid var(--orange);background:transparent}.hero-copy:before{content:"备课 / 游戏 / 分享";left:auto;right:35px;top:34px;color:#8b978f;font-size:13px;font-weight:800;letter-spacing:.18em;transform:rotate(0)}.hero-copy:after{content:"";right:36px;top:auto;bottom:31px;width:150px;height:12px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-2deg)}.eyebrow{padding:5px 9px;border:1.5px solid var(--ink);border-radius:3px;background:transparent;color:var(--ink);letter-spacing:.06em}.hero-copy h1{max-width:800px;margin:20px 0 15px;font-size:clamp(42px,6vw,70px);letter-spacing:-.055em}.hero-copy h1 em{color:var(--orange)}.hero-copy h1 em:after{height:5px;background:var(--yellow);opacity:.75;border-radius:0}.hero-copy>p{max-width:650px;margin:0;color:#5e6b67}.stepper:before{height:2px;background:#bfc5bb}.stepper span{border:2px solid var(--ink);background:#e1ded2;color:var(--ink)}.stepper li.active span{background:var(--orange);box-shadow:3px 3px 0 var(--ink)}.stepper li.done span{background:var(--green)}
.maker-card{border:2px solid var(--ink);border-radius:12px;background:#faf8f1;box-shadow:9px 9px 0 #c8d5cb}.heading-icon{width:52px;height:52px;border:2px solid var(--ink);border-radius:8px;background:#dce7e2;color:var(--ink);font-size:16px;letter-spacing:.05em;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}.sun-icon{background:#e7d8ad;color:var(--ink)}.kicker{color:var(--orange)}.prompt-box textarea{border:2px solid var(--ink);border-radius:8px;background:#fffdf7;box-shadow:4px 4px 0 #d8d2c3}.prompt-box textarea:focus{border-color:var(--sky);box-shadow:4px 4px 0 #9ebcb2}.example-row button{border:1.5px solid #aba99f;border-radius:5px;background:#f7f3e9;color:#4f5e58}.example-row button:hover{border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 #b9b7ab}.smart-fields{border:1px solid #d1ccbd;border-radius:7px;background:#eae7dc}.smart-fields select,.game-settings select,.game-settings input,.dialog input,.dialog textarea{border:1.5px solid #aeb3aa;border-radius:5px;background:#fffdf7}.primary-button,.secondary-button,.ghost-button{border:2px solid var(--ink);border-radius:6px}.primary-button{background:var(--orange);box-shadow:4px 4px 0 var(--ink)}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.primary-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.secondary-button{background:#dce7e2;color:var(--ink)}.ghost-button{background:#e7e3d8;color:var(--ink)}.service-status i{border:1px solid var(--ink)}
.detected-tags span,.offline-badge{border:1px solid #779084;border-radius:4px;background:#e1eadf;color:#2f5f4d}.notice{border:1px solid #c7b36f;border-radius:5px}.notice.good{background:#eee4c3;color:#5e512d}.editor-tabs{border-color:#aaa99f}.editor-tabs button{border-radius:0}.editor-tabs button.active{color:var(--ink);border-color:var(--orange)}.editor-tabs span{border-radius:3px;background:#dfded5}.editor-item{border:1.5px solid #bfc2b8;border-radius:7px;background:#fffdf7}.item-number{border:1px solid #b87766;border-radius:3px;background:#ead7c8;color:#74392e}.field-grid input,.field-grid textarea{border:1.5px solid #c2c3b9;border-radius:4px;background:#faf8f1}.add-item{border:1.5px dashed #888f88;border-radius:6px}.game-choice{border:2px solid #aeb3aa;border-radius:8px;background:#fffdf7;box-shadow:4px 4px 0 #d1cdc0}.game-choice:after{width:90px;height:90px;border-radius:0;right:-28px;bottom:-34px;transform:rotate(28deg)}.game-choice:hover{transform:translate(-2px,-2px);border-color:var(--ink);box-shadow:6px 6px 0 #c7c2b4}.game-choice.selected{border-color:var(--ink);box-shadow:6px 6px 0 var(--game-color)}.game-choice .game-emoji{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;background:var(--game-soft);color:var(--ink);font-size:20px;font-weight:1000}.game-choice small{border:1px solid currentColor;border-radius:3px}.game-settings{border:1px solid #ccc7b8;border-radius:7px;background:#eae7dc}.preview-frame-wrap{border:3px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 rgba(23,49,47,.22)}.download{background:var(--green);box-shadow:4px 4px 0 var(--ink)}.download:hover{box-shadow:6px 6px 0 var(--ink)}
.community-view{background:#f1eee4}.community-hero{border-bottom:2px solid var(--ink)}.community-hero h1{letter-spacing:-.05em}.community-toolbar{background:#faf8f1;border:2px solid var(--ink);border-radius:7px;box-shadow:4px 4px 0 #c8d5cb;backdrop-filter:none}.sort-tabs button{border-radius:4px}.sort-tabs button.active{background:#ead7c8;color:#74392e}.filter-select select{border:1.5px solid var(--ink);border-radius:4px;background:#fffdf7}.work-card{border:2px solid var(--ink);border-radius:8px;background:#faf8f1;box-shadow:5px 5px 0 #c8c4b7}.work-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #bdb8a9}.work-cover{height:132px;background:var(--cover-a)!important;color:var(--cover-b);font-size:42px;font-weight:1000;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(23,49,47,.3)}.work-cover .rank{border:1.5px solid var(--ink);border-radius:3px;background:#faf8f1;color:var(--ink)}.work-tags span{border-radius:3px;background:#e5e2d8;color:#485953}.dialog{border:2px solid var(--ink);border-radius:10px;background:#faf8f1;box-shadow:9px 9px 0 rgba(23,49,47,.28)}.dialog::backdrop{background:rgba(23,49,47,.5);backdrop-filter:none}.dialog-close{border:1px solid var(--ink);border-radius:4px;background:#e3dfd4}.dialog-art{border:2px solid var(--ink);border-radius:6px;background:#ead7c8;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.like-button{border:1.5px solid var(--ink);border-radius:5px;background:#ead7c8;color:#74392e}.detail-preview{border:3px solid var(--ink);border-radius:7px}.comment{border-left:4px solid var(--sky);border-radius:2px;background:#e7e6dc}.comment-form input{border:1.5px solid var(--ink);border-radius:5px}.comment-form button{border:2px solid var(--ink);border-radius:5px;background:var(--sky);box-shadow:3px 3px 0 var(--ink)}.loading-layer{background:rgba(241,238,228,.96);backdrop-filter:none}.site-toast{border:2px solid #f7f4eb;border-radius:5px;background:var(--ink);box-shadow:4px 4px 0 rgba(23,49,47,.25)}
@media(max-width:620px){.hero-copy{padding:18px 8px 24px 18px}.hero-copy:before,.hero-copy:after{display:none}.hero-copy h1{font-size:36px}.maker-card{border-radius:9px}.account-button{border-radius:6px}.game-choice{border-radius:7px}}

/* 我的课游：延续教材作品夹的纸张与硬边语言。 */
.my-view{min-height:calc(100vh - 72px);padding:0 0 80px;background:#f1eee4}.my-shell{width:min(1180px,calc(100% - 36px));margin:auto}.my-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:62px 20px 38px;border-bottom:2px solid var(--ink)}.my-hero h1{margin:12px 0 8px;font-size:clamp(42px,7vw,72px);line-height:1;letter-spacing:-.05em}.my-hero p{margin:0;color:var(--muted);font-size:17px}.my-section{padding:34px 0 8px}.my-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.my-section-heading>div{display:flex;align-items:center;gap:11px}.my-section-heading h2{margin:0;font-size:25px}.my-section-heading p{margin:0;color:var(--muted);font-size:13px}.section-index{display:grid;place-items:center;width:38px;height:34px;border:2px solid var(--ink);border-radius:4px;background:#ead7c8;font-weight:1000;box-shadow:2px 2px 0 var(--ink)}.section-index.green{background:#dce7e2}.my-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.my-card{overflow:hidden;border:2px solid var(--ink);border-radius:8px;background:#faf8f1;box-shadow:5px 5px 0 #c8c4b7}.my-card-cover{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--cover-a);color:var(--cover-b)}.my-card-cover>span{font-size:36px;font-weight:1000;text-shadow:2px 2px 0 rgba(23,49,47,.28)}.my-card-cover small{max-width:60%;border:1.5px solid var(--ink);border-radius:3px;background:#faf8f1;color:var(--ink);padding:5px 8px;font-weight:900;text-align:right}.my-card-body{padding:16px}.my-card-body h3{min-height:48px;margin:10px 0 4px;font-size:18px}.my-card-meta{margin:0;color:var(--muted);font-size:12px}.my-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #cbc8bd}.my-actions button{min-height:38px;padding:7px 10px;font-size:12px;box-shadow:none}.danger-button{border:1.5px solid #94473e;border-radius:5px;background:#f1dfd7;color:#7c3029;font-weight:900}.danger-button:hover{background:#c5533f;color:#fff}.empty-projects{grid-column:1/-1;min-height:176px;display:grid;place-items:center;align-content:center;gap:7px;border:2px dashed #9da198;border-radius:8px;background:#e8e5da;padding:28px;text-align:center;color:var(--muted)}.empty-projects strong{color:var(--ink);font-size:18px}.empty-projects p{margin:0 0 8px}.empty-projects button{width:auto}.login-needed{border-style:solid;background:#e1eadf}
.local-mode-badge{justify-self:end;border:1.5px solid var(--ink);border-radius:5px;background:#e1eadf;padding:7px 10px;color:#315849;font-size:12px;font-weight:900;box-shadow:2px 2px 0 rgba(23,49,47,.2)}
@media(max-width:900px){.my-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.my-shell{width:min(100% - 18px,1180px)}.my-hero{align-items:flex-start;flex-direction:column;padding:42px 10px 28px}.my-hero .primary-button{width:auto}.my-section{padding-top:28px}.my-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.my-grid{grid-template-columns:1fr}.my-card-body h3{min-height:auto}.main-nav{max-width:calc(100vw - 24px)}.nav-item{padding:0 10px;font-size:13px}.local-mode-badge{font-size:0;padding:7px}.local-mode-badge:after{content:"本机保存";font-size:11px}}