
:root{
    --wk-primary:#FF6A00;--wk-primary-dark:#e85d00;--wk-primary-light:#fff3eb;
    --wk-text:#1f2329;--wk-text-2:#646a73;--wk-text-3:#8f959e;
    --wk-border:#e5e6eb;--wk-bg:#f5f6f7;--wk-radius:10px;
    --wk-shadow:0 2px 12px rgba(31,35,41,.06);--wk-shadow-hover:0 8px 24px rgba(255,106,0,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:var(--wk-bg);color:var(--wk-text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;outline:none}
input,textarea,select{font-family:inherit;outline:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#d0d3d9;border-radius:4px}
.wk-statistics{text-align:center;color:var(--wk-text-3);font-size:12px;padding:18px 0}
.wk-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;color:var(--wk-text-3)}
.wk-spinner{width:40px;height:40px;border:3px solid var(--wk-primary-light);border-top-color:var(--wk-primary);border-radius:50%;animation:wk-spin .8s linear infinite;margin-bottom:12px}
@keyframes wk-spin{to{transform:rotate(360deg)}}
.wk-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.wk-header{background:linear-gradient(90deg,var(--wk-primary),#ff8534);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(255,106,0,.2)}
.wk-header-in{max-width:1200px;margin:0 auto;padding:0 16px;height:62px;display:flex;align-items:center;gap:20px}
.wk-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;flex-shrink:0;cursor:pointer}
.wk-logo img{height:36px;width:auto;border-radius:6px}
.wk-search{flex:1;max-width:480px;display:flex;background:#fff;border-radius:20px;overflow:hidden;height:38px}
.wk-search input{flex:1;border:none;padding:0 16px;font-size:14px;color:var(--wk-text)}
.wk-search button{width:54px;background:var(--wk-primary-dark);color:#fff;font-size:15px}
.wk-nav{display:flex;align-items:center;gap:18px;margin-left:auto;flex-shrink:0}
.wk-nav a{font-size:14px;opacity:.95;transition:opacity .2s;white-space:nowrap;cursor:pointer}
.wk-nav a:hover{opacity:.75}
.wk-nav .wk-btn-login{background:rgba(255,255,255,.2);padding:6px 16px;border-radius:16px}
.wk-noticebar{background:var(--wk-primary-light);color:var(--wk-primary-dark);font-size:13px;padding:8px 0}
.wk-noticebar .wk-wrap{display:flex;align-items:center;gap:8px;overflow:hidden}
.wk-noticebar .wk-nico{flex-shrink:0;font-weight:700}
.wk-noticebar .wk-ntxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-banner{margin:18px 0;border-radius:14px;overflow:hidden;position:relative;box-shadow:var(--wk-shadow)}
.wk-banner-row{display:flex;gap:18px;align-items:stretch}
.wk-banner-row .wk-banner{flex:1;min-width:0;margin:18px 0}
.wk-notice-card{width:340px;flex-shrink:0;background:#fff;border-radius:14px;box-shadow:var(--wk-shadow);margin:18px 0;display:flex;flex-direction:column;overflow:hidden}
.wk-nc-hd{padding:14px 18px;font-weight:700;font-size:16px;color:var(--wk-text);border-bottom:1px solid var(--wk-border);position:relative}
.wk-nc-hd::before{content:"";position:absolute;left:0;top:14px;width:3px;height:18px;background:var(--wk-primary);border-radius:2px}
.wk-nc-body{flex:1;overflow-y:auto}
.wk-nc-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;cursor:pointer;border-bottom:1px solid var(--wk-border);transition:background .15s}
.wk-nc-item:last-child{border-bottom:none}
.wk-nc-item:hover{background:var(--wk-primary-light)}
.wk-nc-item:hover .wk-nc-t{color:var(--wk-primary)}
.wk-nc-t{flex:1;min-width:0;font-size:14px;color:var(--wk-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-nc-eye{flex-shrink:0;color:var(--wk-text-3);font-size:14px}
.wk-nc-empty{padding:40px 0;text-align:center;color:var(--wk-text-3);font-size:13px}
.wk-nc-meta{font-size:12px;color:var(--wk-text-3);margin-bottom:12px}
.wk-banner img{width:100%;height:240px;object-fit:cover;cursor:pointer}
.wk-banner-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.wk-banner-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer}
.wk-banner-dots span.on{background:#fff;width:18px;border-radius:4px}
.wk-main{display:flex;gap:18px;padding-bottom:30px}
.wk-side{width:180px;flex-shrink:0}
.wk-content{flex:1;min-width:0}
.wk-cat{background:#fff;border-radius:var(--wk-radius);box-shadow:var(--wk-shadow);overflow:hidden;position:sticky;top:80px}
.wk-cat-title{padding:14px 16px;font-weight:700;border-bottom:1px solid var(--wk-border);font-size:15px}
.wk-cat-item{padding:11px 16px;cursor:pointer;font-size:14px;color:var(--wk-text-2);border-left:3px solid transparent;transition:all .15s;display:flex;justify-content:space-between;align-items:center}
.wk-cat-item:hover{background:var(--wk-primary-light);color:var(--wk-primary)}
.wk-cat-item.on{background:var(--wk-primary-light);color:var(--wk-primary);border-left-color:var(--wk-primary);font-weight:600}
.wk-cat-item .c-num{font-size:12px;color:var(--wk-text-3)}
.wk-sec-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin:4px 0 16px}
.wk-sec-title::before{content:"";width:4px;height:18px;background:var(--wk-primary);border-radius:2px}
.wk-grid{display:grid;gap:16px}
.wk-card{background:#fff;border-radius:var(--wk-radius);overflow:hidden;box-shadow:var(--wk-shadow);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.wk-card:hover{transform:translateY(-4px);box-shadow:var(--wk-shadow-hover)}
.wk-card-img{width:100%;height:150px;object-fit:cover;background:#f0f1f2}
.wk-card-body{padding:11px 12px;display:flex;flex-direction:column;flex:1}
.wk-card-name{font-size:14px;font-weight:600;color:var(--wk-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:39px}
.wk-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}
.wk-tag{font-size:11px;padding:1px 7px;border-radius:4px;background:var(--wk-primary-light);color:var(--wk-primary)}
.wk-card-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto}
.wk-price{color:#fa5151;font-weight:700;font-size:17px}
.wk-price small{font-size:12px;font-weight:400}
.wk-card-sales{font-size:12px;color:var(--wk-text-3)}
.wk-empty{text-align:center;color:var(--wk-text-3);padding:60px 0}
.wk-loadmore{text-align:center;padding:20px 0}
.wk-loadmore button{background:#fff;border:1px solid var(--wk-border);color:var(--wk-text-2);padding:9px 30px;border-radius:20px;font-size:14px}
.wk-loadmore button:hover{border-color:var(--wk-primary);color:var(--wk-primary)}
.wk-footer{background:#fff;border-top:1px solid var(--wk-border);padding:24px 0;text-align:center;color:var(--wk-text-3);font-size:13px;line-height:2}
.wk-footer a{color:var(--wk-text-2)}
.wk-footer a:hover{color:var(--wk-primary)}
@media(max-width:900px){.wk-side{display:none}.wk-banner img{height:160px}.wk-banner-row{flex-direction:column}.wk-notice-card{width:100%;margin:0 0 18px}.wk-banner-row .wk-banner{margin:18px 0 0}}

/* ============ 订单查询 ============ */
.wk-q-search{display:flex;gap:10px;max-width:640px;margin:8px 0 6px}
.wk-q-search input{flex:1;height:44px;border:1px solid var(--wk-border);border-radius:8px;padding:0 14px;font-size:14px}
.wk-q-search input:focus{border-color:var(--wk-primary)}
.wk-q-search button{flex-shrink:0;padding:0 28px;background:var(--wk-primary);color:#fff;border-radius:8px;font-size:14px;font-weight:600}
.wk-q-search button:hover{background:var(--wk-primary-dark)}
.wk-q-hint{color:var(--wk-text-3);font-size:13px;margin-bottom:18px}
.wk-q-list{display:grid;gap:14px}
.wk-q-card{background:#fff;border-radius:var(--wk-radius);box-shadow:var(--wk-shadow);padding:16px 18px}
.wk-q-card-hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--wk-border)}
.wk-q-card-hd .qo{font-size:13px;color:var(--wk-text-3)}
.wk-q-card-hd .qstate{font-size:14px;font-weight:600}
.wk-q-card-bd{display:flex;gap:14px;padding:12px 0}
.wk-q-card-bd img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#f0f1f2;flex-shrink:0}
.wk-q-card-bd .qmeta{flex:1;min-width:0}
.wk-q-card-bd .qname{font-size:15px;font-weight:600;line-height:1.4}
.wk-q-card-bd .qsub{font-size:13px;color:var(--wk-text-3);margin-top:6px}
.wk-q-card-bd .qprice{color:#fa5151;font-weight:700}
.wk-q-card-bd .qtime{font-size:12px;color:var(--wk-text-3);margin-top:6px}
.wk-q-info{background:#f7f8fa;border-radius:8px;padding:10px 12px;margin-bottom:10px}
.wk-q-row{display:flex;font-size:13px;line-height:1.9;gap:10px}
.wk-q-row .ql{color:var(--wk-text-3);flex-shrink:0;min-width:80px}
.wk-q-row .qv{color:var(--wk-text);word-break:break-all;flex:1}
.wk-q-deliver{border-top:1px dashed var(--wk-border);padding-top:10px}
.wk-q-deliver .qd-tit{font-size:13px;color:var(--wk-primary);font-weight:600;margin-bottom:6px}
.wk-q-deliver .qd-body{font-size:14px;color:var(--wk-text);word-break:break-all;line-height:1.8}
.wk-q-deliver .qd-body img{max-width:100%;border-radius:6px;margin:5px 0}

/* 订单卡片查看进度 */
.wk-q-card .qgo{margin-top:10px;text-align:right;color:var(--wk-primary);font-size:13px;font-weight:600}

/* 账号直查进度：紧凑表格+分页 */
.wk-dp{background:#fff;border-radius:var(--wk-radius);box-shadow:var(--wk-shadow);overflow:hidden;margin-top:6px}
.wk-dp-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid var(--wk-border)}
.wk-dp-hd .dp-acc{font-size:15px;font-weight:700;word-break:break-all}
.wk-dp-hd .dp-sum{font-size:12px;color:var(--wk-primary);background:var(--wk-primary-light);border-radius:11px;padding:3px 10px;font-weight:600}
.wk-dp-hd .dp-total{font-size:12px;color:var(--wk-text-3);margin-left:auto}
.wk-dp-scroll{overflow-x:auto}
.wk-dp-table{width:100%;border-collapse:collapse;font-size:13px}
.wk-dp-table th{text-align:left;font-weight:600;color:var(--wk-text-3);font-size:12px;background:#fafbfc;padding:9px 12px;white-space:nowrap}
.wk-dp-table td{padding:11px 12px;border-top:1px solid var(--wk-border);vertical-align:top}
.wk-dp-table tr:hover td{background:#fafbfc}
.wk-dp-table .c-i{width:40px;color:var(--wk-text-3);white-space:nowrap}
.wk-dp-table .c-s,.wk-dp-table .c-p,.wk-dp-table .c-t{white-space:nowrap}
.wk-dp-table .c-t{color:var(--wk-text-3);font-size:12px}
.wk-dp-table .dp-name{font-weight:600;line-height:1.5;word-break:break-all}
.wk-dp-table .dp-sub{font-size:12px;color:var(--wk-text-3);margin-top:3px;word-break:break-all}
.wk-dp-table .dp-badge{font-weight:600}
.wk-dp-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 16px;border-top:1px solid var(--wk-border)}
.wk-dp-pager .dp-pg{background:#fff;border:1px solid var(--wk-border);border-radius:6px;padding:6px 15px;font-size:13px;color:var(--wk-text)}
.wk-dp-pager .dp-pg:hover:not(:disabled){border-color:var(--wk-primary);color:var(--wk-primary)}
.wk-dp-pager .dp-pg:disabled{opacity:.42;cursor:not-allowed}
.wk-dp-pager .dp-pgi{font-size:13px;color:var(--wk-text-3);min-width:56px;text-align:center}

/* 查询历史 */
.wk-q-hist{margin:14px 0 0}
.wk-q-hist .qh-hd{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--wk-text-2);margin-bottom:12px}
.wk-q-hist .qh-clear{color:var(--wk-text-3);font-size:13px;cursor:pointer}
.wk-q-hist .qh-clear:hover{color:var(--wk-primary)}
.wk-q-hist .qh-tags{display:flex;flex-wrap:wrap;gap:10px}
.wk-q-hist .qh-tag{background:#fff;border:1px solid var(--wk-border);border-radius:18px;padding:7px 16px;font-size:13px;color:var(--wk-text-2);box-shadow:var(--wk-shadow);cursor:pointer;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-q-hist .qh-tag:hover{border-color:var(--wk-primary);color:var(--wk-primary)}

/* 订单详情弹窗 */
.wk-od .od-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.wk-od .od-name{font-size:17px;font-weight:600;line-height:1.4;flex:1}
.wk-od .od-state{font-size:15px;font-weight:600;flex-shrink:0}
.wk-od .od-meta{font-size:13px;color:var(--wk-text-3);line-height:1.9;padding-bottom:14px;border-bottom:1px solid var(--wk-border)}
.wk-od .od-sec{margin-top:16px}
.wk-od .od-sec-t{font-size:15px;font-weight:600;margin-bottom:10px;padding-left:9px;border-left:3px solid var(--wk-primary)}
.wk-od .od-line{font-size:14px;color:var(--wk-text);line-height:1.9;word-break:break-all}

/* ============ 详情页 ============ */
.wk-detail{padding:18px 0 40px}
.wk-back{display:inline-flex;align-items:center;gap:5px;color:var(--wk-text-2);font-size:14px;margin-bottom:14px;cursor:pointer}
.wk-back:hover{color:var(--wk-primary)}
.wk-detail-top{display:flex;gap:24px;background:#fff;border-radius:var(--wk-radius);box-shadow:var(--wk-shadow);padding:22px}
.wk-gallery{width:360px;flex-shrink:0}
.wk-gallery-main{width:100%;height:340px;object-fit:contain;background:#f7f8fa;border-radius:8px}
.wk-gallery-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.wk-gallery-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer}
.wk-gallery-thumbs img.on{border-color:var(--wk-primary)}
.wk-detail-info{flex:1;min-width:0}
.wk-detail-name{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:12px}
.wk-detail-price{background:linear-gradient(90deg,#fff7f0,#fff);border-radius:8px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:baseline;gap:12px}
.wk-detail-price .p-now{color:#fa5151;font-size:30px;font-weight:700}
.wk-detail-price .p-unit{color:var(--wk-text-3);font-size:13px}
.wk-detail-meta{display:flex;gap:24px;color:var(--wk-text-2);font-size:13px;margin-bottom:18px;flex-wrap:wrap}
.wk-detail-meta b{color:var(--wk-text);font-weight:600}

.wk-form-item{margin-bottom:14px}
.wk-form-item label{display:block;font-size:13px;color:var(--wk-text-2);margin-bottom:6px}
.wk-form-item label i{color:#fa5151;font-style:normal}
.wk-input{width:100%;height:40px;border:1px solid var(--wk-border);border-radius:8px;padding:0 12px;font-size:14px;transition:border-color .2s}
.wk-input:focus{border-color:var(--wk-primary)}
textarea.wk-input{height:auto;padding:10px 12px;resize:vertical;min-height:70px}
.wk-input-group{display:flex;gap:8px}
.wk-input-group .wk-input{flex:1}
.wk-input-group button{flex-shrink:0;padding:0 18px;background:var(--wk-primary);color:#fff;border-radius:8px;font-size:14px}
.wk-input-group button:hover{background:var(--wk-primary-dark)}
.wk-input-group button:disabled{background:#ffb380;cursor:not-allowed}

.wk-num{display:inline-flex;align-items:center;border:1px solid var(--wk-border);border-radius:8px;overflow:hidden}
.wk-num button{width:38px;height:40px;background:#f7f8fa;font-size:18px;color:var(--wk-text-2)}
.wk-num button:hover{color:var(--wk-primary)}
.wk-num input{width:60px;height:40px;border:none;border-left:1px solid var(--wk-border);border-right:1px solid var(--wk-border);text-align:center;font-size:15px}
.wk-numshow{display:inline-block;padding:9px 16px;background:var(--wk-primary-light);color:var(--wk-primary);border-radius:8px;font-size:14px;font-weight:600}

.wk-pay-ways{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.wk-pay-way{display:flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid var(--wk-border);border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}
.wk-pay-way:hover{border-color:var(--wk-primary)}
.wk-pay-way.on{border-color:var(--wk-primary);background:var(--wk-primary-light);color:var(--wk-primary)}
.wk-pay-way .pw-ico{font-size:18px}

.wk-buy-bar{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--wk-border)}
.wk-buy-total{font-size:14px;color:var(--wk-text-2)}
.wk-buy-total b{color:#fa5151;font-size:24px;font-weight:700}
.wk-btn-buy{margin-left:auto;background:linear-gradient(90deg,var(--wk-primary),#ff8534);color:#fff;font-size:16px;font-weight:600;padding:12px 44px;border-radius:24px;transition:opacity .2s}
.wk-btn-buy:hover{opacity:.9}
.wk-btn-buy:disabled{opacity:.5;cursor:not-allowed}

.wk-detail-docs{background:#fff;border-radius:var(--wk-radius);box-shadow:var(--wk-shadow);margin-top:18px;padding:22px}
.wk-detail-docs h3{font-size:16px;margin-bottom:14px;padding-left:10px;border-left:3px solid var(--wk-primary)}
.wk-doc-content{color:var(--wk-text-2);font-size:14px;line-height:1.9;word-break:break-word}
.wk-doc-content img{max-width:100%;border-radius:6px;margin:6px 0}

@media(max-width:900px){
    .wk-detail-top{flex-direction:column}
    .wk-gallery{width:100%}
    .wk-gallery-main{height:240px}
}

/* ============ 弹窗 ============ */
.wk-mask{position:fixed;inset:0;background:rgba(15,20,30,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:wk-fade .2s}
@keyframes wk-fade{from{opacity:0}to{opacity:1}}
.wk-modal{background:#fff;border-radius:14px;width:100%;max-width:400px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:wk-pop .22s}
@keyframes wk-pop{from{transform:scale(.94);opacity:.6}to{transform:scale(1);opacity:1}}
.wk-modal-hd{padding:16px 20px;font-size:16px;font-weight:700;border-bottom:1px solid var(--wk-border);display:flex;justify-content:space-between;align-items:center}
.wk-modal-hd .wk-close{cursor:pointer;color:var(--wk-text-3);font-size:22px;line-height:1}
.wk-modal-bd{padding:18px 20px;overflow-y:auto;flex:1}
.wk-modal-ft{padding:14px 20px;border-top:1px solid var(--wk-border);display:flex;gap:10px}
.wk-modal-ft button{flex:1;height:42px;border-radius:8px;font-size:15px}
.wk-btn-cancel{background:#f2f3f5;color:var(--wk-text-2)}
.wk-btn-primary{background:var(--wk-primary);color:#fff}
.wk-btn-primary:hover{background:var(--wk-primary-dark)}

/* 选课 */
.wk-kc-tip{font-size:12px;color:var(--wk-text-3);margin-bottom:10px}
.wk-kc-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7f8fa;border-radius:8px;margin-bottom:8px;cursor:pointer}
.wk-kc-item.on{background:var(--wk-primary-light)}
.wk-kc-item input{width:17px;height:17px;accent-color:var(--wk-primary);flex-shrink:0}
.wk-kc-item span{font-size:14px;line-height:1.5;word-break:break-all}

/* 登录 tabs */
.wk-login-tabs{display:flex;border-bottom:1px solid var(--wk-border);margin:-18px -20px 18px}
.wk-login-tabs div{flex:1;text-align:center;padding:14px 0;font-size:15px;color:var(--wk-text-2);cursor:pointer;border-bottom:2px solid transparent}
.wk-login-tabs div.on{color:var(--wk-primary);border-bottom-color:var(--wk-primary);font-weight:600}

/* 批量下单 */
.wk-mode-tabs{display:flex;gap:8px;margin-bottom:14px}
.wk-mode-tabs div{flex:1;text-align:center;padding:9px 0;font-size:14px;color:var(--wk-text-2);background:#f2f3f5;border-radius:8px;cursor:pointer;transition:all .15s}
.wk-mode-tabs div.on{color:#fff;background:var(--wk-primary);font-weight:600}
.wk-batch-acc{border:1px solid var(--wk-border);border-radius:8px;margin-bottom:10px;overflow:hidden}
.wk-batch-acc .ba-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f7f8fa;font-size:14px;cursor:pointer;user-select:none}
.wk-batch-acc .ba-head b{color:var(--wk-text-1)}
.wk-batch-acc .ba-school{color:var(--wk-text-3);font-size:12px}
.wk-batch-acc .ba-status{margin-left:auto;font-size:12px;color:var(--wk-primary)}
.wk-batch-acc .ba-status.err{color:#fa5151}
.wk-batch-acc .ba-arrow{width:8px;height:8px;border-right:2px solid var(--wk-text-3);border-bottom:2px solid var(--wk-text-3);transform:rotate(45deg);transition:transform .2s;flex-shrink:0;margin-left:2px}
.wk-batch-acc.collapsed .ba-arrow{transform:rotate(-45deg)}
.wk-batch-acc.collapsed .ba-body{display:none}
.wk-batch-acc .ba-body{padding:10px 12px}
.wk-batch-acc .ba-body .wk-kc-item{margin-bottom:6px}
.wk-batch-acc .ba-err{font-size:13px;color:#fa5151;line-height:1.6}
.wk-prog-group{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:14px;font-weight:600}
.wk-prog-group .pg-school{color:var(--wk-text-3);font-size:12px;font-weight:400}
.wk-prog-group .pg-sum{margin-left:auto;color:var(--wk-primary);font-size:12px;font-weight:400}
.wk-vcode-row{display:flex;gap:10px}
.wk-vcode-row .wk-input{flex:1}
.wk-vcode-row img{height:40px;border-radius:8px;cursor:pointer;border:1px solid var(--wk-border)}

/* 支付二维码 */
.wk-payqr{text-align:center}
.wk-payqr img{width:200px;height:200px;margin:10px auto}
.wk-payqr .pq-tip{color:var(--wk-text-2);font-size:14px}
.wk-payqr .pq-amount{color:#fa5151;font-size:24px;font-weight:700;margin:8px 0}

/* toast */
#wk-toast{position:fixed;left:50%;top:42%;transform:translateX(-50%);background:rgba(17,24,39,.9);color:#fff;font-size:14px;padding:11px 20px;border-radius:8px;z-index:3000;max-width:80vw;text-align:center;line-height:1.6;display:none}

/* ============ Course Desk / 视觉重构 v2 ============ */
:root{
    --wk-primary:#315be8;--wk-primary-dark:#2344b8;--wk-primary-light:#e9edff;
    --wk-accent:#ff7048;--wk-ink:#132238;--wk-paper:#f4f3ef;--wk-surface:#fff;
    --wk-text:#182337;--wk-text-2:#5f6876;--wk-text-3:#8e96a2;
    --wk-border:#dfe2e8;--wk-bg:var(--wk-paper);--wk-radius:12px;
    --wk-shadow:0 8px 30px rgba(19,34,56,.07);--wk-shadow-hover:0 18px 46px rgba(19,34,56,.14);
}
body{
    font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    background-color:var(--wk-paper);
    background-image:linear-gradient(rgba(19,34,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(19,34,56,.018) 1px,transparent 1px);
    background-size:32px 32px;color:var(--wk-text);letter-spacing:.01em;
}
#wk-app{min-height:100vh}.wk-wrap{max-width:1240px;padding:0 24px}.wk-icon{width:1.25em;height:1.25em;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* 首屏加载：课程进度轨道 */
.wk-boot{height:100vh;background:var(--wk-ink);color:#fff;gap:0;overflow:hidden;position:relative}
.wk-boot::before,.wk-boot::after{content:"";position:absolute;inset:auto;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.wk-boot::before{left:-160px;top:-150px}.wk-boot::after{right:-140px;bottom:-170px}
.wk-boot-mark{display:flex;align-items:flex-end;gap:8px;height:66px;margin-bottom:28px;transform:skewX(-8deg)}
.wk-boot-mark span{display:block;width:14px;background:#fff;animation:wk-course-bars 1.15s ease-in-out infinite}
.wk-boot-mark span:nth-child(1){height:30px}.wk-boot-mark span:nth-child(2){height:50px;animation-delay:.12s;background:var(--wk-accent)}.wk-boot-mark span:nth-child(3){height:66px;animation-delay:.24s;background:#8da5ff}
.wk-boot-copy{text-align:center}.wk-boot-copy strong{font:700 13px/1 Bahnschrift,"Arial Narrow",sans-serif;letter-spacing:.24em;color:#aebfff}.wk-boot-copy p{margin-top:10px;font-size:16px;color:rgba(255,255,255,.78)}
.wk-boot-track{width:240px;height:3px;background:rgba(255,255,255,.12);margin-top:26px;overflow:hidden}.wk-boot-track i{display:block;width:42%;height:100%;background:var(--wk-accent);animation:wk-course-track 1.35s cubic-bezier(.6,0,.25,1) infinite}
@keyframes wk-course-bars{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}
@keyframes wk-course-track{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
.wk-loading:not(.wk-boot){height:auto;min-height:210px;gap:12px;color:var(--wk-text-3);font-size:13px;letter-spacing:.08em}
.wk-wrap>.wk-loading{min-height:62vh}.wk-spinner{width:42px;height:8px;border:0;border-radius:1px;background:var(--wk-primary);margin:0;animation:wk-loader-step 1s ease-in-out infinite;box-shadow:-18px 0 0 rgba(49,91,232,.22),18px 0 0 rgba(255,112,72,.35)}
@keyframes wk-loader-step{0%,100%{transform:translateX(-7px);box-shadow:-18px 0 0 rgba(49,91,232,.18),18px 0 0 var(--wk-accent)}50%{transform:translateX(7px);box-shadow:-18px 0 0 var(--wk-primary),18px 0 0 rgba(255,112,72,.22)}}

/* 导航与检索 */
.wk-header{background:var(--wk-ink);box-shadow:none;border-bottom:1px solid rgba(255,255,255,.08)}
.wk-header-in{max-width:1240px;height:72px;padding:0 24px;gap:28px}.wk-logo{font-size:19px;font-weight:700;letter-spacing:.02em;position:relative;padding-left:16px}.wk-logo::before{content:"";position:absolute;left:0;width:5px;height:34px;background:var(--wk-accent);transform:skewY(-14deg)}.wk-logo::after{content:none;display:none}.wk-logo img{height:34px;border-radius:4px}
.wk-search{max-width:430px;height:42px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.wk-search input{padding:0 15px}.wk-search button{width:66px;background:var(--wk-accent);font-weight:700;transition:background .18s,transform .18s}.wk-search button:hover{background:#f35d35}.wk-search button:active{transform:scale(.96)}
.wk-nav{gap:22px}.wk-nav a{font-size:13px;color:#dbe2ef;opacity:1}.wk-nav a:hover{color:#fff;opacity:1}.wk-nav .wk-btn-login{border:1px solid rgba(255,255,255,.28);background:transparent;padding:7px 15px;border-radius:7px}
.wk-noticebar{background:#e9edff;color:#283f8f;border-bottom:1px solid #d8def8;padding:9px 0}.wk-noticebar .wk-nico{font:700 10px/1 Bahnschrift,sans-serif;letter-spacing:.12em;background:var(--wk-primary);color:#fff;padding:5px 8px;border-radius:3px}

/* 首页论文式开场 */
.wk-hero-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:44px 0 12px;border-bottom:1px solid rgba(19,34,56,.16)}
.wk-hero-intro span{grid-column:1/-1;font:700 11px/1 Bahnschrift,sans-serif;letter-spacing:.22em;color:var(--wk-primary)}.wk-hero-intro h1{font-family:Bahnschrift,"PingFang SC","Microsoft YaHei",sans-serif;font-size:38px;line-height:1.18;letter-spacing:-.035em;color:var(--wk-ink)}.wk-hero-intro p{font-size:14px;color:var(--wk-text-2);padding-bottom:4px}
.wk-banner-row{gap:20px}.wk-banner-row .wk-banner,.wk-notice-card{margin:22px 0}.wk-banner{border-radius:8px;box-shadow:none;border:1px solid rgba(19,34,56,.12);background:#e8e9e5}.wk-banner img{height:272px}.wk-banner-dots{left:auto;right:15px;transform:none}.wk-banner-dots span{width:18px;height:3px;border-radius:0;background:rgba(255,255,255,.55)}.wk-banner-dots span.on{width:36px;height:3px;border-radius:0;background:var(--wk-accent)}
.wk-notice-card{width:326px;border:1px solid rgba(19,34,56,.12);border-radius:8px;box-shadow:none}.wk-nc-hd{padding:17px 18px;font-size:15px;border-bottom:1px solid var(--wk-border)}.wk-nc-hd::before{left:auto;right:18px;top:20px;width:22px;height:3px;border-radius:0;background:var(--wk-accent)}.wk-nc-item{padding:13px 18px}.wk-nc-item:hover{background:#f4f6ff}.wk-nc-eye{font-size:0}.wk-nc-eye::after{content:"↗";font-size:14px;color:var(--wk-primary)}

/* 课程目录 */
.wk-main{gap:24px;padding:10px 0 48px}.wk-side{width:190px}.wk-cat{top:92px;border-radius:8px;border:1px solid rgba(19,34,56,.12);box-shadow:none;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}.wk-cat-title{padding:16px;font:700 12px/1 Bahnschrift,"Microsoft YaHei",sans-serif;letter-spacing:.1em;color:var(--wk-ink)}.wk-cat-item{padding:12px 14px;border-left:0;border-right:3px solid transparent}.wk-cat-item:hover{background:#f3f5fc;color:var(--wk-primary)}.wk-cat-item.on{background:var(--wk-ink);color:#fff;border-right-color:var(--wk-accent);font-weight:600}.wk-cat-item.on .c-num{color:#b8c3d8}.wk-cat-item .c-num{font-family:Consolas,monospace}
.wk-sec-title{font:700 21px/1.2 Bahnschrift,"Microsoft YaHei",sans-serif;margin:7px 0 18px;justify-content:space-between}.wk-sec-title::before{width:34px;height:3px;border-radius:0;background:var(--wk-accent);order:2;margin-left:auto}.wk-grid{gap:18px}
.wk-card{border-radius:8px;border:1px solid rgba(19,34,56,.12);box-shadow:none;position:relative;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s;animation:wk-card-in .38s ease both}.wk-card::before{content:"COURSE";position:absolute;z-index:2;left:10px;top:10px;background:rgba(19,34,56,.9);color:#fff;padding:5px 7px;font:700 8px/1 Bahnschrift,sans-serif;letter-spacing:.16em}.wk-card:hover{transform:translateY(-3px);border-color:#aeb9e8;box-shadow:var(--wk-shadow-hover)}.wk-card-img{height:160px;background:#e8e9e5;filter:saturate(.92)}.wk-card-body{padding:14px}.wk-card-name{font-size:15px;font-weight:700;line-height:1.45;min-height:44px}.wk-card-tags{margin:10px 0}.wk-tag{font:600 10px/1.4 "Microsoft YaHei",sans-serif;padding:3px 7px;border-radius:3px;background:#edf0ff;color:#354ea0}.wk-card-foot{padding-top:11px;border-top:1px solid #eceef2}.wk-price{color:var(--accent,#e6502f);font-family:Bahnschrift,"Microsoft YaHei",sans-serif;font-size:20px}.wk-card-sales{font-family:Consolas,monospace;color:#7e8794}
@keyframes wk-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wk-loadmore button{border:1px solid var(--wk-ink);border-radius:6px;background:transparent;color:var(--wk-ink);padding:10px 34px;font-weight:600}.wk-loadmore button:hover{background:var(--wk-ink);border-color:var(--wk-ink);color:#fff}

/* 骨架屏 */
.wk-skeleton-grid{display:grid;gap:18px}.wk-skeleton-card{height:286px;border:1px solid #e0e2e6;background:#fff;padding:0 14px 14px;overflow:hidden;position:relative;border-radius:8px}.wk-skeleton-card::after,.wk-skeleton-item::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.75) 48%,transparent 68%);animation:wk-shimmer 1.35s infinite}.wk-skeleton-card i{display:block;height:160px;background:#e6e7e4;margin:0 -14px 17px}.wk-skeleton-card b{display:block;height:11px;background:#e7e9ed;margin:0 0 9px;width:86%}.wk-skeleton-card b:nth-of-type(2){width:58%}.wk-skeleton-card span{display:block;width:72px;height:19px;background:#edf0ff;margin-top:24px}@keyframes wk-shimmer{to{transform:translateX(100%)}}

/* 详情、订单、表单 */
.wk-detail{padding:26px 24px 48px}.wk-detail-top,.wk-detail-docs,.wk-q-card{border:1px solid rgba(19,34,56,.12);border-radius:8px;box-shadow:none}.wk-detail-top{padding:26px}.wk-gallery-main{border-radius:5px;background:#f0f0ed}.wk-detail-name{font-family:Bahnschrift,"PingFang SC",sans-serif;font-size:27px}.wk-detail-price{background:#f0f2fb;border-left:4px solid var(--wk-accent);border-radius:2px}.wk-detail-price .p-now,.wk-buy-total b,.wk-q-card-bd .qprice{color:#e6502f}.wk-form-item label{font-size:12px;font-weight:700;color:#4c5665}.wk-input,.wk-q-search input{border-radius:6px;background:#fbfbfa;border-color:#d8dce3}.wk-input:focus,.wk-q-search input:focus{border-color:var(--wk-primary);box-shadow:0 0 0 3px rgba(49,91,232,.11)}.wk-pay-way{border-radius:6px;background:#fff}.wk-pay-way.on{box-shadow:inset 0 -3px 0 var(--wk-primary)}.pw-ico{color:var(--wk-primary)}.pw-ico .wk-icon{width:19px;height:19px}.wk-btn-buy{border-radius:6px;background:var(--wk-accent);box-shadow:4px 4px 0 var(--wk-ink)}.wk-btn-buy:hover{opacity:1;transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--wk-ink)}
.wk-q-search button,.wk-btn-primary{background:var(--wk-primary);border-radius:6px}.wk-q-search button:hover,.wk-btn-primary:hover{background:var(--wk-primary-dark)}.wk-q-card{transition:border-color .2s,transform .2s}.wk-q-card:hover{border-color:#aeb9e8;transform:translateY(-2px)}.wk-q-info{background:#f2f3f0;border-radius:4px}.wk-empty{margin:20px 0;padding:70px 24px;border:1px dashed #c7ccd4;background:rgba(255,255,255,.52);color:#707987}.wk-empty::before{content:"";display:block;width:34px;height:3px;background:var(--wk-accent);margin:0 auto 18px}.wk-modal{border-radius:8px}.wk-modal-hd{background:var(--wk-ink);color:#fff}.wk-modal-hd .wk-close{color:#b9c4d7}.wk-modal-ft button{border-radius:5px}.wk-footer{background:var(--wk-ink);border:0;color:#9ca9bd;padding:28px 0}.wk-footer a{color:#d9e0eb}

button,a,.wk-card,.wk-cat-item,.wk-q-card{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.wk-card:focus-visible{outline:3px solid rgba(255,112,72,.5);outline-offset:3px}

/* PcStore 同款查单模式：已绑定订单 / 游客订单 */
.wk-q-modes{display:inline-flex;gap:3px;padding:3px;margin:4px 0 12px;background:#ececf0;border:1px solid rgba(0,0,0,.04);border-radius:9px}
.wk-q-modes button{height:34px;padding:0 18px;border-radius:7px;color:#6e6e73;background:transparent;font-size:13px;font-weight:600;transition:.18s ease}
.wk-q-modes button.on{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.11)}
.wk-q-login{margin-left:8px;color:#0071e3;background:transparent;font-size:13px;font-weight:600}
.wk-q-login:hover{color:#005bb5;text-decoration:underline}

@media(max-width:1050px){.wk-nav{gap:13px}.wk-nav a:nth-child(n+3):not(.wk-btn-login){display:none}.wk-hero-intro h1{font-size:32px}}
@media(max-width:900px){.wk-wrap{padding:0 16px}.wk-header-in{padding:0 16px}.wk-hero-intro{grid-template-columns:1fr;padding-top:30px}.wk-hero-intro h1{font-size:29px}.wk-hero-intro p{padding:0}.wk-banner-row{flex-direction:column}.wk-banner-row .wk-banner{margin-bottom:0}.wk-notice-card{width:100%;margin-top:0}.wk-banner img{height:210px}.wk-grid{grid-template-columns:repeat(2,1fr)!important}.wk-skeleton-grid{grid-template-columns:repeat(2,1fr)!important}}
/* 查课专用扫描动画 */
.wk-course-loader{position:fixed;inset:0;z-index:2600;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,19,33,.68);backdrop-filter:blur(6px);animation:wk-fade .18s ease}
.wk-course-panel{width:360px;background:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:30px 30px 25px;text-align:center;position:relative;box-shadow:0 28px 80px rgba(3,10,22,.35)}
.wk-course-panel::before{content:"COURSE SCANNER";display:block;margin-bottom:20px;font:700 9px/1 Bahnschrift,sans-serif;letter-spacing:.24em;color:var(--wk-primary)}
.wk-course-loader-close{position:absolute;right:12px;top:10px;width:30px;height:30px;background:transparent;color:#8b94a2;font-size:23px;line-height:1;border-radius:4px}.wk-course-loader-close:hover{background:#f0f2f6;color:var(--wk-ink)}
.wk-course-scan{width:190px;height:108px;margin:0 auto 21px;padding:16px 15px;border:1px solid #ccd2df;background:#f5f6f3;position:relative;overflow:hidden;transform:perspective(500px) rotateX(4deg)}
.wk-course-scan::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--wk-primary)}.wk-course-scan span{display:block;height:13px;margin-bottom:10px;background:#dfe3e9;position:relative}.wk-course-scan span::after{content:"";display:block;width:42%;height:100%;background:#b9c6f6}.wk-course-scan span:nth-child(2)::after{width:68%;background:#cbd1dc}.wk-course-scan span:nth-child(3)::after{width:54%;background:#ffd0c2}
.wk-course-scan i{position:absolute;left:5px;right:0;height:2px;top:12px;background:var(--wk-accent);box-shadow:0 0 14px 4px rgba(255,112,72,.32);animation:wk-course-sweep 1.45s cubic-bezier(.45,0,.55,1) infinite}
.wk-course-panel>strong{display:block;font-family:Bahnschrift,"Microsoft YaHei",sans-serif;font-size:20px;color:var(--wk-ink)}.wk-course-panel>p{margin-top:7px;color:var(--wk-text-2);font-size:13px}
.wk-course-route{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;color:#7e8795}.wk-course-route b{font-size:11px;font-weight:600}.wk-course-route i{width:82px;height:2px;background:#d8dce5;position:relative;overflow:hidden}.wk-course-route i::after{content:"";position:absolute;left:-24px;top:-2px;width:24px;height:6px;background:var(--wk-primary);animation:wk-course-route 1.15s linear infinite}
@keyframes wk-course-sweep{0%{transform:translateY(0)}50%{transform:translateY(80px)}100%{transform:translateY(0)}}@keyframes wk-course-route{to{transform:translateX(110px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ============ Apple 清爽主题 v3 ============ */
:root{
    --wk-primary:#0071e3;--wk-primary-dark:#0062c4;--wk-primary-light:#e8f2ff;
    --wk-accent:#0071e3;--wk-ink:#1d1d1f;--wk-paper:#f5f5f7;--wk-surface:#fff;
    --wk-text:#1d1d1f;--wk-text-2:#6e6e73;--wk-text-3:#86868b;
    --wk-border:#e5e5e7;--wk-bg:#f5f5f7;--wk-radius:18px;
    --wk-shadow:0 8px 28px rgba(0,0,0,.055);--wk-shadow-hover:0 18px 48px rgba(0,0,0,.1);
}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;background:#f5f5f7;background-image:none;letter-spacing:0;color:#1d1d1f}
.wk-icon{stroke-width:1.8}.wk-wrap{max-width:1240px}
.wk-boot{background:#f5f5f7;color:#1d1d1f}.wk-boot::before,.wk-boot::after{border-color:rgba(0,113,227,.1)}.wk-boot-mark{transform:none}.wk-boot-mark span{border-radius:7px;background:#b9dcff}.wk-boot-mark span:nth-child(2){background:#62aef7}.wk-boot-mark span:nth-child(3){background:#0071e3}.wk-boot-copy strong{color:#0071e3;letter-spacing:.18em}.wk-boot-copy p{color:#6e6e73}.wk-boot-track{height:4px;border-radius:4px;background:#dedee2}.wk-boot-track i{border-radius:4px;background:#0071e3}
.wk-spinner{height:7px;border-radius:7px;background:#0071e3;box-shadow:-18px 0 0 rgba(0,113,227,.18),18px 0 0 rgba(0,113,227,.38)}
.wk-header{background:rgba(255,255,255,.82);color:#1d1d1f;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 12px rgba(0,0,0,.035);backdrop-filter:saturate(180%) blur(20px)}.wk-header-in{height:68px}.wk-logo{color:#1d1d1f}.wk-logo::before{width:4px;height:29px;background:#0071e3;border-radius:4px;transform:none}.wk-logo::after{color:#86868b}.wk-search{background:#f1f1f3;box-shadow:none;border:1px solid transparent;border-radius:12px}.wk-search:focus-within{background:#fff;border-color:#a7cff5;box-shadow:0 0 0 4px rgba(0,113,227,.1)}.wk-search button{background:#0071e3;border-radius:9px;margin:4px;height:32px}.wk-search button:hover{background:#0062c4}.wk-nav a{color:#424245}.wk-nav a:hover{color:#0071e3}.wk-nav .wk-btn-login{background:#0071e3;border:0;color:#fff;border-radius:980px;padding:8px 17px}.wk-noticebar{background:#fff;color:#515154;border-bottom:1px solid #e7e7e9}.wk-noticebar .wk-nico{background:#e8f2ff;color:#0071e3;border-radius:980px}
.wk-hero-intro{padding-top:52px;border-bottom:0}.wk-hero-intro span{color:#0071e3;letter-spacing:.18em}.wk-hero-intro h1{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-size:42px;font-weight:700;color:#1d1d1f;letter-spacing:-.045em}.wk-hero-intro p{color:#6e6e73;font-size:15px}
.wk-banner,.wk-notice-card{border:0;border-radius:20px;box-shadow:var(--wk-shadow);background:#fff}.wk-banner::after{background:rgba(255,255,255,.84);color:#1d1d1f;border-radius:980px;backdrop-filter:blur(12px);letter-spacing:.12em}.wk-banner-dots span{border-radius:980px}.wk-banner-dots span.on{border-radius:980px;background:#fff}.wk-notice-card{border:1px solid rgba(0,0,0,.04)}.wk-nc-hd::before{background:#0071e3;border-radius:4px}.wk-nc-item:hover{background:#f5f9ff}.wk-nc-eye::after{color:#0071e3}
.wk-cat{border:0;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:var(--wk-shadow);backdrop-filter:saturate(180%) blur(18px)}.wk-cat-title{font-family:inherit;letter-spacing:0;font-size:14px}.wk-cat-item{border-radius:10px;margin:4px 7px;padding:11px 12px;border:0}.wk-cat-item.on{background:#0071e3;color:#fff;border:0}.wk-sec-title{font-family:inherit;font-size:22px}.wk-sec-title::before{width:24px;height:4px;border-radius:4px;background:#0071e3}
.wk-card{border:0;border-radius:18px;box-shadow:var(--wk-shadow);overflow:hidden}.wk-card::before{background:rgba(255,255,255,.86);color:#1d1d1f;border-radius:980px;backdrop-filter:blur(10px);letter-spacing:.1em}.wk-card:hover{border:0;box-shadow:var(--wk-shadow-hover);transform:translateY(-4px)}.wk-card-img{filter:none}.wk-card-body{padding:16px}.wk-card-name{font-size:15px}.wk-tag{background:#edf5ff;color:#0066cc;border-radius:980px}.wk-card-foot{border-top:1px solid #ededf0}.wk-price{color:#1d1d1f;font-family:inherit}.wk-card-sales{color:#86868b}.wk-loadmore button{border:0;border-radius:980px;background:#fff;color:#0071e3;box-shadow:var(--wk-shadow)}.wk-loadmore button:hover{background:#0071e3;color:#fff}
.wk-skeleton-card{border:0;border-radius:18px;box-shadow:var(--wk-shadow)}.wk-skeleton-card span{background:#e8f2ff;border-radius:980px}
.wk-detail-top,.wk-detail-docs,.wk-q-card{border:0;border-radius:20px;box-shadow:var(--wk-shadow)}.wk-gallery-main{border-radius:14px;background:#f5f5f7}.wk-detail-price{background:#f5f9ff;border-left:0;border-radius:14px}.wk-detail-price .p-now,.wk-buy-total b,.wk-q-card-bd .qprice{color:#1d1d1f}.wk-input,.wk-q-search input{border-radius:12px;background:#f5f5f7;border-color:transparent}.wk-input:focus,.wk-q-search input:focus{background:#fff;border-color:#8fc5f4;box-shadow:0 0 0 4px rgba(0,113,227,.1)}.wk-pay-way{border-radius:12px}.wk-pay-way.on{box-shadow:none;background:#e8f2ff}.wk-btn-buy{background:#0071e3;border-radius:980px;box-shadow:none}.wk-btn-buy:hover{background:#0062c4;transform:none;box-shadow:none}.wk-q-search button,.wk-btn-primary{background:#0071e3;border-radius:980px}.wk-q-card:hover{border:0;box-shadow:var(--wk-shadow-hover)}.wk-q-info{background:#f5f5f7;border-radius:12px}.wk-empty{border:0;border-radius:20px;background:#fff;box-shadow:var(--wk-shadow)}.wk-empty::before{width:36px;height:4px;border-radius:4px;background:#0071e3}.wk-modal{border-radius:20px}.wk-modal-hd{background:#fff;color:#1d1d1f}.wk-modal-hd .wk-close{color:#86868b}.wk-modal-ft button{border-radius:980px}.wk-footer{background:#f5f5f7;border-top:1px solid #e3e3e5;color:#86868b}.wk-footer a{color:#515154}
.wk-course-loader{background:rgba(245,245,247,.72);backdrop-filter:saturate(180%) blur(22px)}.wk-course-panel{border:1px solid rgba(0,0,0,.05);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.14)}.wk-course-panel::before{color:#0071e3}.wk-course-loader-close{border-radius:50%;background:#f2f2f4;color:#6e6e73}.wk-course-scan{border:0;border-radius:16px;background:#f5f5f7}.wk-course-scan::before{background:#0071e3;border-radius:4px}.wk-course-scan i{background:#0071e3;box-shadow:0 0 14px 4px rgba(0,113,227,.22)}.wk-course-panel>strong{font-family:inherit}.wk-course-route i::after{background:#0071e3;border-radius:4px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.wk-card:focus-visible{outline:3px solid rgba(0,113,227,.3)}

/* PC 顶部公告：Apple 通知卡 */
.wk-noticebar{background:#f5f5f7;border:0;padding:12px 0 2px;color:#1d1d1f}
.wk-noticebar .wk-wrap{min-height:44px;padding:0 16px;gap:14px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.055);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.035);backdrop-filter:saturate(180%) blur(16px)}
.wk-noticebar .wk-nico{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:0 14px 0 0;background:transparent;color:#1d1d1f;border-radius:0;font-size:0;font-weight:600;letter-spacing:0;border-right:1px solid #e5e5e7}
.wk-noticebar .wk-nico::before{content:"";width:8px;height:8px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 5px rgba(0,113,227,.1)}
.wk-noticebar .wk-nico::after{content:"站内公告";font-size:12px;line-height:1;color:#424245;white-space:nowrap}
.wk-noticebar .wk-ntxt{font-size:13px;color:#515154;line-height:1.5;padding:1px 0}

/* ============ Apple 克制版 v4：减少过度圆角 ============ */
:root{--wk-radius:10px;--wk-shadow:0 4px 16px rgba(0,0,0,.045);--wk-shadow-hover:0 12px 32px rgba(0,0,0,.085)}
.wk-search{border-radius:9px}.wk-search button{border-radius:7px}.wk-nav .wk-btn-login{border-radius:8px}
.wk-noticebar{padding:0;background:#fff;border-bottom:1px solid #e5e5e7}
.wk-noticebar .wk-wrap{min-height:40px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 24px}
.wk-noticebar .wk-nico{padding-right:13px}.wk-noticebar .wk-nico::before{width:7px;height:7px;box-shadow:none}.wk-noticebar .wk-nico::after{font-size:12px}
.wk-banner,.wk-notice-card{border-radius:12px}.wk-banner::after,.wk-card::before{border-radius:6px}.wk-banner-dots span,.wk-banner-dots span.on{border-radius:2px}
.wk-cat{border-radius:10px}.wk-cat-item{border-radius:7px}.wk-sec-title::before{border-radius:2px}
.wk-card{border-radius:12px}.wk-card-img{border-radius:0}.wk-tag{border-radius:5px}.wk-loadmore button{border-radius:9px}
.wk-skeleton-card{border-radius:12px}.wk-skeleton-card span{border-radius:5px}
.wk-detail-top,.wk-detail-docs,.wk-q-card{border-radius:12px}.wk-gallery-main{border-radius:9px}.wk-detail-price{border-radius:8px}.wk-input,.wk-q-search input{border-radius:9px}.wk-pay-way{border-radius:9px}.wk-btn-buy,.wk-q-search button,.wk-btn-primary{border-radius:9px}.wk-q-info{border-radius:8px}.wk-empty{border-radius:12px}.wk-empty::before{border-radius:2px}
.wk-modal{border-radius:12px}.wk-modal-ft button{border-radius:8px}.wk-course-panel{border-radius:14px}.wk-course-loader-close{border-radius:8px}.wk-course-scan{border-radius:10px}.wk-footer{box-shadow:none}

/* PC 公告最终布局：与导航留空、左右收窄 */
.wk-noticebar{padding:14px 24px 0;background:#f5f5f7;border:0}
.wk-noticebar .wk-wrap{width:100%;max-width:1120px;min-height:42px;padding:0 16px;background:#fff;border:1px solid #e5e5e7;border-radius:8px;box-shadow:none}
@media(max-width:900px){.wk-noticebar{padding:10px 16px 0}.wk-noticebar .wk-wrap{padding:0 13px}}
.wk-noticebar .wk-ntxt span{display:inline-block;white-space:nowrap}.wk-noticebar .wk-ntxt.is-scrolling span{padding-left:100%;animation:wk-notice-scroll 18s linear infinite}@keyframes wk-notice-scroll{to{transform:translateX(-100%)}}

/* 首页标题与 PcStore 风格商品卡片：放在主题规则之后，作为最终样式 */
.wk-logo::after{content:none!important;display:none!important}
#wk-sec-title::before{display:none!important}
.wk-grid{gap:12px}
.wk-card{border:0;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.wk-card::before{display:none!important}
.wk-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.09)}
.wk-card-media{position:relative;overflow:hidden;background:#f5f5f7}
.wk-card-img{display:block;width:100%;height:150px;object-fit:cover;transition:transform .25s ease}
.wk-card:hover .wk-card-img{transform:scale(1.018)}
.wk-card-sales{position:absolute;left:0;bottom:0;padding:4px 7px;background:rgba(255,97,74,.9);color:#fff;border-radius:0 4px 0 0;font-size:11px;line-height:1;letter-spacing:0}
.wk-card-body{padding:12px 12px 10px}
.wk-card-name{min-height:22px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;line-height:22px;color:#333}
.wk-card-tags{display:none}
.wk-card-foot{margin-top:8px;padding:0;border:0;display:block}
.wk-price{color:#ff4d3d;font-size:20px;font-weight:600;line-height:24px}
.wk-price small{font-size:13px;font-weight:500;margin-right:1px}
.wk-card-meta{display:flex;align-items:center;gap:6px;margin-top:9px;min-height:22px}
.wk-card-meta span{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid #d9ecdf;border-radius:4px;background:#f1faf4;color:#34945c;font-size:11px;line-height:20px;white-space:nowrap}
.wk-card-meta .wk-unit{border-color:#e5e5e7;background:#fafafa;color:#777}
.wk-card-meta .no-stock{border-color:#e5e5e7;background:#f5f5f7;color:#999}

/* 最终圆角规范：与商品卡片统一为 6px */
:root{--wk-radius:6px}
.wk-search,.wk-search button,.wk-nav .wk-btn-login,.wk-noticebar .wk-wrap,.wk-banner,.wk-notice-card,.wk-banner::after,
.wk-cat,.wk-cat-item,.wk-card,.wk-skeleton-card,.wk-detail-top,.wk-detail-docs,.wk-gallery-main,.wk-gallery-thumbs img,
.wk-detail-price,.wk-input,.wk-q-search input,.wk-q-search button,.wk-pay-way,.wk-btn-buy,.wk-q-card,.wk-q-info,.wk-empty,
.wk-loadmore button,.wk-q-modes,.wk-q-modes button,.wk-course-panel,.wk-course-loader-close,.wk-course-scan{border-radius:6px!important}
.wk-tag,.wk-card-meta span{border-radius:4px!important}

/* 通用弹窗：紧凑白色卡片，不再横向铺满 */
.wk-mask{padding:24px;background:rgba(20,20,22,.42);backdrop-filter:blur(5px)}
.wk-modal{width:min(92vw,460px)!important;max-width:460px!important;border:1px solid #e5e5e7;border-radius:6px!important;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.2)}
.wk-modal-hd{min-height:54px;padding:0 18px;background:#fff!important;color:#1d1d1f!important;border-bottom:1px solid #ededf0;font-size:16px;font-weight:600;text-align:left}
.wk-modal-hd .wk-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:#86868b!important;background:#f5f5f7;font-size:20px;font-weight:400;transition:.16s ease}
.wk-modal-hd .wk-close:hover{background:#ececef;color:#1d1d1f!important}
.wk-modal-bd{padding:20px 18px;color:#515154;font-size:14px;line-height:1.8}
.wk-modal-bd .wk-doc-content{line-height:1.8;word-break:break-word}
.wk-modal-bd a{color:#0071e3;text-decoration:none}
.wk-modal-ft{padding:12px 18px;background:#fafafa;border-top:1px solid #ededf0;justify-content:flex-end;gap:8px}
.wk-modal-ft button{flex:0 0 auto;min-width:96px;height:38px;padding:0 18px;border-radius:6px!important;font-size:14px;font-weight:600}
.wk-modal-ft .wk-btn-primary{background:#0071e3;color:#fff}.wk-modal-ft .wk-btn-primary:hover{background:#0062c4}
.wk-modal-ft .wk-btn-cancel{background:#ececef;color:#515154}
@media(max-width:520px){.wk-mask{padding:16px}.wk-modal{width:100%!important}.wk-modal-ft button{flex:1}}

/* PC 商品说明放在左侧商品图片下方 */
.wk-gallery-docs{margin-top:14px;padding:14px 15px;background:#fff;border:1px solid #e5e5e7;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.035)}
.wk-gallery-docs h3{margin:0 0 9px;padding:0;font-size:14px;font-weight:600;color:#424245}
.wk-gallery-docs .wk-doc-content{font-size:13px;line-height:1.75;color:#6e6e73;max-height:280px;overflow-y:auto}

/* /query 查询框：白底、清晰边框，避免与页面背景融为一体 */
.wk-q-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:680px;gap:10px;margin:8px 0 7px}
.wk-q-search input{display:block!important;width:100%!important;min-width:0;height:44px;box-sizing:border-box;background:#fff!important;border:1px solid #d2d2d7!important;border-radius:6px!important;padding:0 14px;color:#1d1d1f;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.wk-q-search input::placeholder{color:#929298;opacity:1}
.wk-q-search input:focus{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.1)!important;outline:0}
.wk-q-search button{height:44px;padding:0 24px;white-space:nowrap}

/* acg-faka 适配补充：radio/checkbox 选项组、进度刷新按钮 */
.wk-choice-group{display:flex;flex-wrap:wrap;gap:8px}
.wk-choice{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f7f8fa;border:1px solid var(--wk-border);border-radius:8px;font-size:14px;cursor:pointer;user-select:none}
.wk-choice input{width:15px;height:15px;accent-color:var(--wk-primary);margin:0}
.wk-choice:has(input:checked){background:var(--wk-primary-light);border-color:var(--wk-primary);color:var(--wk-primary-dark)}
.wk-od-refresh{margin-left:10px;padding:3px 12px;font-size:12px;background:var(--wk-primary);color:#fff;border:0;border-radius:980px;cursor:pointer;vertical-align:1px}
.wk-od-refresh:hover{background:var(--wk-primary-dark)}
.wk-od-refresh:disabled{opacity:.55;cursor:not-allowed}
.wk-budan-btn{padding:3px 14px;font-size:12px;background:#fff;color:var(--wk-primary);border:1px solid var(--wk-primary);border-radius:980px;cursor:pointer}
.wk-budan-btn:hover{background:var(--wk-primary);color:#fff}
.wk-budan-btn:disabled{opacity:.55;cursor:not-allowed}

/* 首页轮播图（BEM 结构，配合 app.js mountBanner） */
.wk-banner__track{display:flex;width:100%;transition:transform .45s ease}
.wk-banner__slide{flex:0 0 100%;width:100%}
.wk-banner__slide[data-link]{cursor:pointer}
.wk-banner__slide img{display:block;width:100%;height:280px;object-fit:fill}
.wk-banner__dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.wk-banner__dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:width .2s}
.wk-banner__dots .dot.on{background:#fff;width:18px;border-radius:4px}

/* 平台公告卡内容 + 弹窗公告 */
.wk-nc-body{padding:16px 18px;overflow-y:auto;max-height:200px}
.wk-nc-text{font-size:14px;line-height:1.8;color:var(--wk-text-2);word-break:break-word}
.wk-nc-empty{padding:40px 0;text-align:center;color:var(--wk-text-3);font-size:13px}
.wk-pop-notice{font-size:14px;line-height:1.8;color:var(--wk-text);word-break:break-word}
.wk-pop-notice img{max-width:100%;height:auto;border-radius:8px}
.wk-pop-notice a{color:var(--wk-primary);text-decoration:underline}

