:root{--t-color-primary: #2F4A5A;--t-color-primary-light: #4A6B80;--t-color-primary-dark: #223644;--t-color-accent: #B78A3C;--t-color-accent-light: #E5C98F;--t-color-error: #A63D2F;--t-color-success: #4E7A5A;--t-color-warning: #C98A2D;--t-color-info: #3E6E8E;--t-color-bg-page: #F7F3EC;--t-color-bg-card: #FFFFFF;--t-color-bg-mask: rgba(34,54,68,.6);--t-color-text-primary: #2B2B2B;--t-color-text-secondary: #5C5C5C;--t-color-text-tertiary: #9A9A9A;--t-color-text-inverse: #FFFFFF;--t-color-border: #E8E2D6;--t-font-family: -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--t-font-sizes-xs: 12;--t-font-sizes-sm: 13;--t-font-sizes-md: 14;--t-font-sizes-base: 15;--t-font-sizes-card: 16;--t-font-sizes-page: 18;--t-font-sizes-module: 20;--t-font-sizes-title: 24;--t-font-sizes-big: 28;--t-font-weights-regular: 400;--t-font-weights-medium: 500;--t-font-weights-semibold: 600;--t-font-lineHeights-body: 1.5;--t-font-lineHeights-heading: 1.3;--t-space-xs: 4;--t-space-sm: 8;--t-space-md: 12;--t-space-base: 16;--t-space-lg: 20;--t-space-xl: 24;--t-space-xxl: 32;--t-radius-sm: 8;--t-radius-md: 12;--t-radius-lg: 16;--t-shadow-card: 0 2px 12px rgba(34,54,68,.06);--t-shadow-modal: 0 8px 32px rgba(34,54,68,.18);--t-level-normal: #9A9A9A;--t-level-fengshui: #2F4A5A;--t-level-qimen: #B78A3C;--t-level-expired: #A63D2F}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--t-color-bg-page);color:var(--t-color-text-primary);font-family:var(--t-font-family);font-size:var(--t-font-size-base);line-height:var(--t-font-lineHeights-body);-webkit-font-smoothing:antialiased}@media(min-width:481px){html,body{background:radial-gradient(60% 80% at 8% 20%,rgba(217,179,106,.08),transparent 55%),radial-gradient(60% 80% at 92% 20%,rgba(217,179,106,.08),transparent 55%),linear-gradient(160deg,#16272f,#1e3644 48%,#2f4a5a)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cg fill='none' stroke='%23D9B36A'%3E%3Ccircle cx='170' cy='170' r='164' opacity='0.75'/%3E%3Ccircle cx='170' cy='170' r='132' opacity='0.55'/%3E%3Ccircle cx='170' cy='170' r='100' opacity='0.4'/%3E%3Ccircle cx='170' cy='170' r='68' opacity='0.28'/%3E%3Cpath d='M170 6 L170 334 M6 170 L334 170' stroke-width='0.6' opacity='0.35'/%3E%3C/g%3E%3Ccircle cx='170' cy='64' r='9' fill='%23D9B36A' opacity='0.7'/%3E%3Ccircle cx='170' cy='276' r='9' fill='%23D9B36A' opacity='0.7'/%3E%3Cpath d='M170 6 A164 164 0 0 1 170 334 A82 82 0 0 1 170 170 A82 82 0 0 1 170 6 Z' fill='%23D9B36A' opacity='0.07'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cg fill='none' stroke='%23D9B36A'%3E%3Ccircle cx='170' cy='170' r='164' opacity='0.75'/%3E%3Ccircle cx='170' cy='170' r='132' opacity='0.55'/%3E%3Ccircle cx='170' cy='170' r='100' opacity='0.4'/%3E%3Ccircle cx='170' cy='170' r='68' opacity='0.28'/%3E%3C/g%3E%3Cpath d='M170 6 L170 334 M6 170 L334 170' stroke='%23D9B36A' stroke-width='0.6' opacity='0.35'/%3E%3Cpath d='M170 334 A164 164 0 0 1 170 6 A82 82 0 0 1 170 170 A82 82 0 0 1 170 334 Z' fill='%23D9B36A' opacity='0.07'/%3E%3Ccircle cx='170' cy='276' r='9' fill='%23D9B36A' opacity='0.7'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='200' viewBox='0 0 1000 200'%3E%3Cg fill='%23D9B36A' opacity='0.10'%3E%3Cpath d='M0 200 L140 70 L300 200 Z'/%3E%3Cpath d='M220 200 L420 30 L640 200 Z'/%3E%3Cpath d='M560 200 L760 80 L1000 200 Z'/%3E%3C/g%3E%3Cpath d='M0 196 H1000' stroke='%23D9B36A' stroke-width='0.5' opacity='0.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(50% - 560px) 44%,calc(50% + 560px) 56%,50% 100%;background-size:340px,340px,100% 200px;opacity:.55}body:after{content:"玄通课堂";position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:0;color:#d9b36a73;font-size:15px;letter-spacing:.5em;writing-mode:vertical-rl;pointer-events:none}}#root{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,#2f4a5a12,#2f4a5a00 55%),radial-gradient(rgba(183,138,60,.05) 1px,transparent 1px),var(--t-color-bg-page);background-size:auto,22px 22px,auto;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 0 0 1px #d9b36a66,0 0 80px #00000073}a{color:inherit;text-decoration:none}.page-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:52px;padding:0 6px;background:#f7f3ecdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(183,138,60,.35)}.page-header:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:56px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--t-color-accent),transparent)}.page-header .back{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:20px;color:var(--t-color-primary);cursor:pointer;border-radius:50%;transition:background .2s}.page-header .back:active{background:#2f4a5a1a}.page-header .title{flex:1;text-align:center;font-size:18px;font-weight:600;letter-spacing:.12em;color:var(--t-color-primary-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header .side{width:38px}.card{background:#ffffffeb;border-radius:16px;box-shadow:0 2px 12px #2236440f,inset 0 0 0 1px #e8e2d6cc;overflow:hidden}.level-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;color:#fff;white-space:nowrap;box-shadow:0 1px 4px #2236442e}.level-tag.normal{background:linear-gradient(135deg,#a8a8a8,#8a8a8a)}.level-tag.fengshui{background:linear-gradient(135deg,#3a5b6e,#2f4a5a)}.level-tag.qimen{background:linear-gradient(135deg,#d9b36a,#b78a3c)}.level-tag.expired{background:#fff;color:var(--t-color-error);border:1px solid var(--t-color-error);box-shadow:none}.btn-primary{width:100%;height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,#3a5b6e,#2f4a5a);color:#fff;font-size:16px;font-weight:500;letter-spacing:.3em;cursor:pointer;box-shadow:0 6px 16px #2f4a5a4d;transition:transform .15s,box-shadow .15s}.btn-primary:active{transform:translateY(1px);box-shadow:0 3px 8px #2f4a5a40}.btn-primary:disabled{opacity:.5}.text-input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(183,138,60,.4);border-radius:12px;background:#ffffffe6;font-size:15px;color:var(--t-color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--t-color-accent);box-shadow:0 0 0 3px #b78a3c24}.page-pad{padding:16px}.section-title{position:relative;text-align:center;font-size:19px;font-weight:600;letter-spacing:.2em;color:var(--t-color-primary-dark);margin:26px 0 18px}.section-title:before,.section-title:after{content:"";position:absolute;top:50%;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--t-color-accent))}.section-title:before{left:calc(50% + 40px)}.section-title:after{right:calc(50% + 40px);background:linear-gradient(90deg,var(--t-color-accent),transparent)}.course-card{margin-bottom:16px;border-radius:16px;box-shadow:0 4px 16px #22364414;transition:transform .15s}.course-card:active{transform:scale(.985)}.course-card .cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:linear-gradient(150deg,#2f4a5a,#1e3644)}.course-card .body{padding:14px 16px 6px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-card .body .name{flex:1;font-size:16px;font-weight:500;line-height:1.45;color:var(--t-color-text-primary)}.course-card .meta{display:flex;justify-content:space-between;padding:4px 16px 14px;color:var(--t-color-text-tertiary);font-size:12px;letter-spacing:.02em}.course-card .meta .gold{color:var(--t-color-accent);font-weight:500}.cover-placeholder{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(217,179,106,.25),transparent 45%),radial-gradient(circle at 80% 80%,rgba(217,179,106,.18),transparent 45%),linear-gradient(150deg,#2f4a5a,#1e3644)}.cover-placeholder .ring{position:absolute;width:128px;height:128px;border-radius:50%;border:1px solid rgba(217,179,106,.5);box-shadow:inset 0 0 0 10px #d9b36a14,inset 0 0 0 22px #d9b36a0f}.cover-placeholder .title{position:relative;color:#e5c98f;font-size:20px;font-weight:600;letter-spacing:.24em;text-align:center;padding:0 24px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.lesson-row{display:flex;align-items:center;padding:14px 16px;gap:12px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(232,226,214,.7)}.lesson-row:last-child{border-bottom:none}.lesson-row:active{background:#2f4a5a0d}.lesson-row .icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2f4a5a1f,#2f4a5a0d);border:1px solid rgba(47,74,90,.15);color:var(--t-color-primary);display:flex;align-items:center;justify-content:center;font-size:13px}.lesson-row .info{flex:1;min-width:0}.lesson-row .info .name{font-size:15px;color:var(--t-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row .info .sub{font-size:12px;color:var(--t-color-text-tertiary);margin-top:2px}.lesson-row .state{font-size:12px;color:var(--t-color-text-tertiary);letter-spacing:.03em}.lesson-row .state.done{color:var(--t-color-success)}.lesson-row .state.locked{color:var(--t-color-error)}.lesson-row .state.studying{color:var(--t-color-accent)}.player-shell{position:relative;background:#0e1820;box-shadow:0 4px 20px #0000004d}.player-shell video{width:100%;display:block;aspect-ratio:16 / 9;background:#000}.controls{position:relative;background:linear-gradient(180deg,#0e182066,#0e1820);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:10px}.controls button{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px 6px}.controls .bar{flex:1}.controls .time{font-size:12px;color:#ffffffa6;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range].seek{width:100%;height:4px;border-radius:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--t-color-accent) 0%,rgba(255,255,255,.25) 0%);outline:none}input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--t-color-accent);border:2px solid #fff;box-shadow:0 1px 4px #0006}.play-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#d9b36a,#b78a3c);color:#fff;font-size:24px;padding-left:5px;cursor:pointer;box-shadow:0 6px 18px #0006}.marquee{position:absolute;top:12px;right:12px;z-index:5;color:#ffffff8c;font-size:12px;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000004d;padding:2px 8px;border-radius:6px}.article-body{padding:18px 20px 32px;line-height:1.9;font-size:15px;color:var(--t-color-text-primary)}.article-body p{margin:0 0 16px}.article-body img{max-width:100%;border-radius:12px}.article-body h1,.article-body h2{color:var(--t-color-primary-dark);letter-spacing:.06em}.empty{text-align:center;padding:56px 16px;color:var(--t-color-text-tertiary);font-size:14px;letter-spacing:.08em}.spinner{width:26px;height:26px;margin:0 auto 12px;border:2px solid rgba(183,138,60,.25);border-top-color:var(--t-color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;flex-direction:column;padding:0}.login-hero{position:relative;padding:72px 24px 56px;text-align:center;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(217,179,106,.22),transparent 46%),radial-gradient(circle at 82% 30%,rgba(217,179,106,.16),transparent 42%),linear-gradient(165deg,#2f4a5a,#1e3644);color:#fff}.login-hero:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;border:1px solid rgba(217,179,106,.35);box-shadow:inset 0 0 0 22px #d9b36a12,inset 0 0 0 46px #d9b36a0d;opacity:.7}.login-hero .brand{position:relative;font-size:30px;font-weight:600;letter-spacing:.22em;text-shadow:0 2px 12px rgba(0,0,0,.3)}.login-hero .sub{position:relative;margin-top:14px;font-size:13px;letter-spacing:.3em;color:#e5c98f}.login-hero .line{position:relative;width:44px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#D9B36A,transparent);border-radius:2px}.login-form{flex:1;padding:28px 24px 32px}.member-card{position:relative;margin:16px;padding:22px 20px;border-radius:18px;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(217,179,106,.28),transparent 42%),linear-gradient(140deg,#2f4a5a,#16272f);box-shadow:0 10px 28px #22364452}.member-card:after{content:"";position:absolute;right:-34px;bottom:-44px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(217,179,106,.4);box-shadow:inset 0 0 0 14px #d9b36a14;opacity:.8}.member-card .row{display:flex;align-items:center;justify-content:space-between}.member-card .level{font-size:22px;font-weight:600;letter-spacing:.1em}.member-card .expire{margin-top:10px;font-size:12px;opacity:.75;letter-spacing:.04em}.progress-track{height:6px;border-radius:3px;background:#e8e2d6e6;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#3a5b6e,#2f4a5a);transition:width .4s ease}.progress-fill.done{background:linear-gradient(90deg,#6ba37f,#4e7a5a)}.progress-fill.gold{background:linear-gradient(90deg,#d9b36a,#b78a3c)}