/* 2026-10-18：按用户指定的参考站恢复入口、领取步骤和下载页外观。 */
:root{--bg:#f5f7f9;--paper:#fff;--sunk:#eef8f6;--ink:#202629;--ink-2:#536564;--muted:#81918d;--line:#e1e8e6;--accent:#488f82;--accent-hover:#34776c;--accent-soft:#e4f3ee;--radius:16px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}
.demo-bar{position:fixed;z-index:60;bottom:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:5px 12px;border-radius:99px;background:#183b35e8;color:#fff;font-size:11px;box-shadow:0 2px 12px #0002;pointer-events:none}
.store{width:min(100%,1040px);padding:0 16px 40px}
.store-topline{padding:10px 8px 8px;text-align:right;font-size:14px;font-weight:700}
.store-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.45fr 1fr;gap:24px;min-height:560px;padding:24px;border-radius:16px;overflow:hidden;background:#133c3e;color:#fff}
.hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.store-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f5c60c7,#0f5c6047)}
.hero-copy{align-self:center;padding:24px 42px;min-width:0}
.hero-kicker{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffffff30;font-size:11px}
.hero-copy h1{margin:5px 0 0;font-size:56px;line-height:1.15;letter-spacing:-2px;font-weight:800}
.hero-copy p{margin:0 0 12px;font-size:28px;line-height:1.5;color:#ffffffd9}
.hero-detail{display:inline-block;padding:8px 18px;border-radius:9px;background:#fff;color:#4f9388;font-size:25px;line-height:1.3;font-weight:800;box-shadow:0 4px 12px #06232622}
.featured-panel{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:24px 18px;border:1px solid #8e565d99;border-radius:17px;background:linear-gradient(125deg,#06191be8,#11171ce6);box-shadow:0 0 0 4px #f4848310}
.featured-panel h2{margin:0 0 0;font-size:26px;line-height:1.5}
.featured-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border:1px solid #ffffff15;border-radius:10px;background:linear-gradient(100deg,#202529b8,#48272188);box-shadow:0 2px 10px #0002}
.featured-item:hover{border-color:#ffffff55}
.featured-item .resource-icon{width:52px;height:52px;border-radius:11px}
.featured-item strong{flex:1;min-width:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.featured-item>span:last-child:not(.resource-icon){flex:none;padding:6px 9px;border-radius:20px;background:#75342f66;color:#f78a7e;font-size:11px;font-weight:700}
.search-panel{margin-top:18px;padding:10px 12px 12px;border:2px solid #63a697;border-radius:18px;background:linear-gradient(105deg,#effff9,#f6ffff);box-shadow:0 5px 18px #408f8110}
.search-caption{display:block;margin:0 2px 5px;color:#397c6d;font-weight:700;font-size:13px}
.search-box input{height:48px;border:1px solid #ccdeda;border-radius:16px;background:#fff;box-shadow:inset 0 1px 5px #74918b08;font-size:14px}
.search-box input:focus{border-color:#489d8d;box-shadow:0 0 0 3px #489d8d20}
.search-box svg{width:18px;height:18px;color:#659a8e}
.search-box input::placeholder{color:#8b9c97}
.tabs{flex-wrap:wrap;gap:7px;padding:10px 0 0;margin:0;overflow:visible}
.tabs button{padding:5px 12px;border:1px solid #d3e3de;background:#fff;color:#4c7569;border-radius:20px;font-size:12px}
.tabs button[aria-pressed=true]{background:#418e7b;border-color:#418e7b;color:#fff}
.list-head{margin:23px 4px 8px;padding-bottom:10px;border-bottom:1px solid #e3e9e5}
.list-head h2{font-size:21px}
.list-head span{font-size:12px;color:#93a09b}
.store-list{display:grid;grid-template-columns:1fr;gap:0}
.resource-row{gap:16px;padding:16px 8px;border:0;border-bottom:1px solid #e1e7e3;border-radius:0;background:transparent}
.resource-row:hover{background:#fff8}
.resource-row .resource-icon{width:72px;height:72px;border-radius:15px;box-shadow:0 2px 8px #0000000c}
.resource-name{white-space:normal;overflow-wrap:anywhere;font-size:17px;font-weight:700;line-height:1.5}
.resource-meta{margin-top:7px;gap:7px;font-size:12px}
.tag{border-radius:4px;background:#e7f2ee;color:#568679}
.get-button{padding:7px 24px;border-radius:18px;background:#e4f2ec;color:#3a8b70;font-size:15px;box-shadow:inset 0 0 0 1px #d1e8dd}
.get-button:hover{background:#d5eade;color:#267559}
.dialog{background:#fff;border-radius:22px;color:#202629}
.primary{background:#ec7e42;border-radius:14px}
.primary:hover{background:#de692d}
.secondary{background:#f1f3f4;color:#64706e}
.secondary:hover{background:#e7eded}
.site-foot{padding-bottom:40px;color:#8e9994}

/* 深色背景、米色面板、白色步骤卡和橙色操作按钮。 */
.task-mode{background:radial-gradient(ellipse at 20% 0,#3f172c,#1c1222);color:#16191c;padding:14px 16px 34px}
.task-wrap{max-width:476px}
.task-mode .back{color:#efc6d9;font-size:13px}
.task-panel{padding:16px;border-radius:22px;background:#f5eee2;box-shadow:0 15px 42px #0003}
.task-notice{padding:18px 16px;border:1px solid #eedddd;border-left:6px solid #e84668;border-radius:13px;background:linear-gradient(105deg,#fff0f6,#fff8f0);color:#ba3c4d;font-weight:700;line-height:1.8}
.task-notice strong{font-size:20px;color:#c3304b}
.step-card{margin:20px 0 0;padding:20px 15px 24px;border:0;border-radius:18px;background:#fff;box-shadow:0 10px 22px #392b1612}
.step-card h2{gap:7px;font-size:17px;font-weight:800;line-height:1.65}
.step-no{display:inline;width:auto;height:auto;border-radius:0;margin:0;background:none;color:inherit;font-size:inherit}
.step-no::before{content:"第 "}.step-no::after{content:" 步："}
.step-copy{padding-bottom:42px}
.comment-text,.keyword-box{padding:12px;border:1px solid #f0eee9;border-radius:12px;background:#fff;box-shadow:0 4px 12px #674b2110;font-size:14px}
.keyword-box strong{font-size:15px}
.orange-button{background:#ff7800;color:#fff;border-radius:24px;padding:11px 18px;box-shadow:0 5px 12px #ff780025;font-size:14px}
.orange-button:hover{background:#f06800}
.step-copy .orange-button{width:max-content;margin:12px auto 0;border-radius:16px}
.step-card .task-hint{color:#ad4b3e}
.step-card p{color:#7a5d55}
.comment-guide{border-color:#eee6e0;background:#fff}
.guide-comment p{border-color:#f09a79;background:#fff8ef}
.guide-note{color:#bd6048}
.task-mode .site-foot{color:#ac8c9f}
.upload-panel{margin-top:0;border:0;border-radius:22px;background:#fff7fa;box-shadow:0 15px 40px #0002}
.upload-zone{background:#fff;border-color:#e4aac0}
.upload-zone strong{color:#d55880}
.upload-submit{background:#d6587b;border-radius:14px}
.upload-submit:not(:disabled):hover{background:#c44b6e}
.upload-zone input::file-selector-button{background:#e58ca7}
.upload-rules{background:#f6eaf0}

/* 参考资源站：同款背景与头像，收藏框、TOP 胶囊和青绿色下载按钮。 */
.resource-mode{background:#fffff5 url('assets/resource-background.webp') center/cover fixed;color:#151719}
.resource-notice{display:flex;align-items:center;justify-content:center;min-height:58px;padding:11px 18px;border-bottom:1px solid #edc87577;background:#fff8e9;color:#895d20;font-weight:600;font-size:14px;line-height:1.55}
.resource-main{width:min(100%,554px);padding:28px 22px 70px}
.profile img{display:block;width:76px;height:76px;margin:0 auto 12px;padding:0;border:6px solid #fff;border-radius:50%;object-fit:cover;background:#deedf2;box-shadow:0 5px 20px #44555533}
.profile h1{margin:0 0 16px;font-size:28px;line-height:1.6;font-weight:800;letter-spacing:0;color:#111}
.bookmark{padding:10px 12px;border:2px solid #f2a62a;border-radius:15px;background:#fff7dd;box-shadow:0 6px 17px #dca32420}
.bookmark p{margin:0 0 5px;color:#a55300;font-size:13px;font-weight:800;line-height:1.7}
.bookmark-row{gap:7px;color:#151515;font-size:13px}
.bookmark-row .address{color:#111;font-size:14px;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.bookmark-row button{padding:5px 13px;border:0;border-radius:99px;background:#ff8a00;color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 10px #d96d0038}
.resource-intro{margin:18px 0 24px;white-space:pre-line;font-size:13px;line-height:2.5;color:#303637}
.download-list{gap:15px}
.download-row{display:grid;grid-template-columns:44px minmax(0,1fr) 50px 16px;gap:9px;min-height:44px;padding:0 12px;border:0;border-radius:28px;background:#fcfcfc;box-shadow:0 7px 20px #182c3b26;scroll-margin-top:16px}
.download-row:hover{background:#fff;box-shadow:0 8px 24px #182c3b33}
.download-row.selected{outline:2px solid #08a99d;outline-offset:2px;box-shadow:0 7px 20px #087f7926}
.rank,.download-row:nth-child(-n+3) .rank{min-width:0;width:44px;padding:1px 4px;border-radius:6px;background:#fff2df;color:#d58424;font-size:10px;font-weight:800;line-height:1.5}
.download-title{padding:12px 0;text-align:center;font-size:12px;font-weight:400;line-height:1.65;overflow-wrap:anywhere}
.download-button{padding:5px 9px;border-radius:8px;background:#08a99d;color:#fff;font-size:12px;font-weight:700;line-height:1.4}
.download-button:hover{background:#008e86}
.share-button{width:16px;height:32px;padding:0;color:#202728;font-size:16px;border-radius:5px}
.share-button:hover{background:#edf5f2}
.collection-button{margin-top:26px;padding:10px;background:#ffffff8c;font-size:12px;font-weight:400}
.resource-mode .site-foot{padding:22px 16px 45px;background:#eef0ee;color:#7d8682}
.resource-dialog{width:min(600px,calc(100vw - 24px));padding:28px 24px 16px;border-radius:13px}
.resource-dialog::backdrop{background:#0006}
.resource-dialog h2{margin:0 0 24px;color:#dd5c80;font-size:22px}
.resource-dialog .dialog-copy{margin:0 0 26px;color:#202020;font-size:15px;line-height:1.85}
.resource-dialog .primary{min-height:44px;padding:10px;background:#d6587b;border-radius:10px;font-size:14px}
.resource-dialog .primary:hover{background:#c94d70}

@media(max-width:700px){
  .store{padding:0 12px 30px}.store-topline{padding:9px 1px;font-size:12px}
  .store-hero{min-height:0;grid-template-columns:1fr;gap:18px;padding:18px;border-radius:14px}
  .hero-copy{padding:14px 6px 4px}.hero-copy h1{font-size:42px;letter-spacing:-1px}.hero-copy p{font-size:22px}.hero-detail{font-size:18px;padding:7px 15px}
  .featured-panel{padding:14px;gap:7px;border-radius:13px}.featured-panel h2{font-size:20px}.featured-item{gap:10px;padding:8px 10px}.featured-item .resource-icon{width:42px;height:42px;border-radius:9px}.featured-item strong{font-size:12px}.featured-item>span:last-child:not(.resource-icon){font-size:10px;padding:5px 8px}
  .search-panel{margin-top:14px;padding:10px}.tabs{padding:10px 0 0;margin:0;gap:6px}.tabs button{padding:4px 10px;font-size:11px}.search-box input{height:44px;font-size:13px}
  .list-head{margin-top:20px}.list-head h2{font-size:19px}.resource-row{gap:12px;padding:14px 2px}.resource-row .resource-icon{width:58px;height:58px;border-radius:13px}.resource-name{font-size:15px}.resource-meta{font-size:11px;gap:5px;margin-top:5px}.get-button{padding:6px 16px;font-size:13px}
  .resource-notice{min-height:52px;padding:10px 15px;font-size:12px}.resource-main{padding:26px 16px 42px}.profile h1{font-size:27px}.bookmark p{font-size:12px}.bookmark-row .address{font-size:13px}
  .download-row{grid-template-columns:42px minmax(0,1fr) 50px 16px;gap:6px;padding:0 8px}.rank{width:42px}.download-title{font-size:12px}.download-button{padding:5px 9px}.resource-intro{font-size:12px}
  .task-mode{padding:10px 10px 30px}.task-panel{padding:14px}.task-notice{padding:15px 12px;font-size:13px}.task-notice strong{font-size:18px}.step-card{padding:18px 14px 22px}.step-card h2{font-size:16px}.step-copy{padding-bottom:32px}
}
@media(max-width:360px){
  .store{padding:0 10px 28px}.store-hero{padding:14px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:20px}.featured-panel{padding:12px}.featured-item{padding:7px;gap:8px}.featured-item>span:last-child:not(.resource-icon){display:none}
  .resource-row{gap:9px}.resource-row .resource-icon{width:50px;height:50px}.get-button{padding:6px 13px}.resource-name{font-size:14px}
  .resource-main{padding-left:12px;padding-right:12px}.download-title{font-size:11px}.download-row{gap:4px}.bookmark{padding:10px 8px}.bookmark p{font-size:11px}
  .task-panel{padding:10px}.task-notice strong{font-size:16px}.step-card h2{font-size:15px}.step-card{padding:16px 12px 20px}.step-no{white-space:nowrap}
}