.link-mode,.order-mode{background:linear-gradient(135deg,#edf7ff 0%,#fff5fa 48%,#f5f9ff 100%)}
.link-mode .stage,.order-mode .stage{width:min(100% - 24px,600px);padding:22px 0}
.link-mode .hero,.order-mode .hero,.order-mode .card-summary{display:none}
.link-mode #app,.order-mode #app{padding:0;border:0;background:transparent;box-shadow:none}
.card-summary{margin-bottom:18px}
.submit-card{display:grid;gap:14px}
.submit-card h2{margin-bottom:0}
.simple-description{margin:0;color:#747b85;line-height:1.65}
.simple-upload{display:grid;place-items:center;min-height:120px;padding:18px;border:2px dashed #7fc5ed;border-radius:13px;background:#f4faff;color:#218fd8;font-weight:900;cursor:pointer;text-align:center}
.simple-upload input{display:none}.simple-upload .preview{max-height:260px}
.simple-input-head{margin:2px 0 -7px;color:#218fd8}
.simple-link-input{border-color:#dce6ef;background:#fff}.simple-link-input:focus{border-color:#2795df;box-shadow:0 0 0 4px #2795df20}
.content-card{margin-top:18px;min-height:170px}.content-card h2{padding-left:12px;border-left:4px solid #1683ee;color:#626a73}.managed-content{color:#4f5660;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.managed-content p{margin:8px 0}.managed-content a{color:#075ee8;text-decoration:underline;font-weight:800}.instruction-card{border-top-color:#70d4ca}.support-entry{border:0;border-radius:999px;padding:9px 18px;background:linear-gradient(90deg,#ff9d16,#ff6d16);color:#fff!important;font-weight:900;box-shadow:0 5px 12px #ff8a2840;cursor:pointer}
.managed-content img{display:block;max-width:100%;height:auto;margin:12px auto;border-radius:8px}
.compact-submit{gap:11px;padding:15px 18px 17px}.compact-submit .simple-card-head{margin-bottom:0}.compact-submit .simple-card-head h2{padding-left:10px;border-left:4px solid #1683ee;color:#17191c;font-size:18px}.compact-input-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8b9098;font-size:15px}.inline-upload{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 4px 12px #57789518;color:#1683ee;font-weight:900;cursor:pointer;white-space:nowrap}.inline-upload input{display:none}.compact-textarea{min-height:88px;max-height:130px;resize:vertical;padding:13px 15px;border:0;background:#fff;box-shadow:0 4px 18px #5e78900d;font-size:16px;line-height:1.5}.compact-submit .preview{max-width:130px;max-height:130px;margin:0 auto}.compact-submit>.btn{min-height:48px;font-size:16px}.toast{position:fixed;left:50%;bottom:22%;z-index:200;max-width:min(82vw,340px);transform:translateX(-50%);padding:12px 20px;border-radius:7px;background:#17263ee8;color:#fff;text-align:center;font-size:15px;line-height:1.55;box-shadow:0 8px 25px #0004}
.input-head-actions{display:flex;align-items:center;gap:8px}.instruction-entry,.red-packet-entry{border:0;border-radius:999px;padding:7px 12px;font-weight:900;cursor:pointer;white-space:nowrap}.instruction-entry{background:#e8f4ff;color:#1683ee}.red-packet-entry{background:linear-gradient(90deg,#ff9d16,#ff5b2b);color:#fff;box-shadow:0 4px 12px #ff762c38}.instruction-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px;background:#17203380}.instruction-dialog{width:min(92vw,440px);max-height:86vh;overflow:auto;padding:17px;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0003}.instruction-dialog-head{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 12px;padding-bottom:10px;border-bottom:1px solid #e5e9ef}.instruction-dialog-head h2{margin:0;color:#1683ee;font-size:20px}.instruction-dialog-head button{border:0;background:none;color:#8c949e;font-size:27px}.instruction-dialog>.btn{margin-top:15px}
.simple-result{display:grid;gap:18px}
.result-topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.result-topbar h1{margin:0;padding-left:12px;border-left:4px solid #1683ee;font-size:27px}.result-topbar button{border:0;border-radius:999px;padding:10px 18px;background:#e8f4ff;color:#1683ee;font-weight:900;font-size:16px;cursor:pointer}
.order-mode .simple-result{gap:10px}.order-mode .result-topbar h1{font-size:21px}.order-mode .result-topbar button{padding:7px 13px;font-size:14px}.order-mode .simple-result .simple-info-card{padding:12px 14px;border-radius:12px}.order-mode .simple-result .simple-info-card h2{margin-bottom:8px;font-size:17px}.order-mode .simple-result .simple-rows{border-radius:9px}.order-mode .simple-result .simple-rows>div{min-height:42px;padding:8px 11px}.order-mode .simple-result .simple-rows span{font-size:14px}.order-mode .simple-result .simple-rows strong{font-size:13px}.order-mode .simple-result .simple-card-head{margin-bottom:8px}.order-mode .simple-result .simple-card-head button{padding:6px 13px}.order-mode .simple-result .simple-link-value{min-height:68px;padding:12px;font-size:15px}.order-mode .simple-result .simple-remark{margin-top:8px;padding:10px}.order-mode .simple-result .simple-progress-hint{margin:8px 0;font-size:13px}.order-mode .content-card{min-height:0;margin-top:10px;padding:13px 15px}.order-mode .content-card h2{margin-bottom:8px;font-size:17px}.order-mode .managed-content{font-size:14px;line-height:1.6}.order-mode .managed-content p{margin:5px 0}
.simple-info-card{padding:20px;border:1px solid #d9e7f3;border-top:4px solid #2795df;border-radius:16px;background:#ffffffd9;box-shadow:0 14px 36px #47718d1a}
.simple-info-card h2{margin:0 0 14px;color:#218fd8;font-size:20px}
.simple-rows{border:1px solid #e1e6ec;border-radius:13px;overflow:hidden}
.simple-rows>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:13px 16px;border-top:1px solid #e7eaee}
.simple-rows>div:first-child{border-top:0}.simple-rows span{color:#666;font-weight:800}.simple-rows strong{max-width:70%;text-align:right;overflow-wrap:anywhere}
.simple-status.doing{color:#1683ee}.simple-status.done{color:#2a9b51}.simple-status.bad{color:#c83b31}
.simple-status.unused{color:#b7831d}.compact-summary{padding:13px 18px 14px}.compact-summary h2{margin-bottom:9px;font-size:18px}.compact-summary .simple-rows>div{min-height:46px;padding:8px 14px}.compact-summary .simple-rows{border-radius:10px}
.order-content-card{border-top-color:#67d594}.simple-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.simple-card-head h2{margin:0}.simple-card-head button{border:0;border-radius:999px;padding:8px 18px;background:#e4f1ff;color:#1683ee;font-weight:900}
.result-card-actions{display:flex;align-items:center;gap:7px}.simple-card-head .result-red-packet{background:linear-gradient(90deg,#ff9d16,#ff5b2b);color:#fff;box-shadow:0 4px 12px #ff762c38}
.simple-card-head .complete-tutorial-entry{background:linear-gradient(90deg,#7357e8,#9859dc);color:#fff;box-shadow:0 4px 12px #7556dd38}
.simple-link-value{min-height:120px;padding:20px;border:1px solid #e4e7eb;border-radius:13px;background:#fff;font-size:18px;line-height:1.6;word-break:break-all}
.simple-remark{margin-top:14px;padding:15px;border-radius:12px;background:#fff;color:#666}.simple-progress-hint{color:#8b6649;text-align:center}.simple-refill-tip{color:#f39a12;font-weight:850;line-height:1.6;text-align:center}
.link-loading{padding:22px 10px;text-align:center}.link-loading strong{font-size:20px}.link-loading p{margin:10px 0 0}
.disabled-card{border:2px solid #ef4444!important;background:#fff5f5!important}.disabled-card .link-loading{color:#c62828}.disabled-card .link-loading strong{font-size:24px}.disabled-card .link-loading span{display:inline-block;margin-top:8px;color:#d05a5a}
.support-modal{align-items:center;padding:16px}.support-sheet.compact-support{width:min(88vw,400px);max-height:90vh;padding:14px;border-radius:16px}.compact-support h2{margin:0 -14px 10px;padding:2px 12px 14px;font-size:19px}.compact-support .support-box{margin:8px 0;padding:8px;box-shadow:none}.compact-support .support-qr{width:min(68vw,250px);margin:4px auto;padding:3px;box-shadow:none}.compact-support .support-qr-empty{width:min(68vw,250px);margin:5px auto;padding:45px 8px}.compact-support .support-close{min-height:44px;margin-top:8px}
.jump-fallback{position:fixed;inset:0;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#fff;text-align:center}.jump-fallback strong{font-size:24px;color:#1683ee}.jump-fallback p{color:#737b86}.jump-fallback a{display:grid;place-items:center;max-width:320px;text-decoration:none}.jump-fallback button{margin-top:18px;border:0;background:none;color:#8a929c}
@media(max-width:520px){.link-mode .stage,.order-mode .stage{width:min(100% - 20px,600px);padding:10px 0}.simple-info-card{padding:16px}.simple-rows>div{min-height:56px;padding:12px}.compact-summary{padding:12px 14px}.compact-summary .simple-rows>div{min-height:44px;padding:8px 11px}.simple-rows strong{max-width:66%;font-size:14px}.simple-link-value{min-height:105px;font-size:16px}.input-head-actions{gap:5px}.instruction-entry,.red-packet-entry,.inline-upload{padding:7px 9px;font-size:13px}}