.skin-flow{--ink:#15314f;--muted:#64778b;--blue:#174b7d;--line:#dbe4eb;--bg:#f4f7fa;--mint:#def0ea}.skin-flow *{box-sizing:border-box}.skin-flow{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.65}.skin-flow button,.skin-flow input,.skin-flow select{font:inherit}.skin-flow button,.skin-flow a,.skin-flow label{-webkit-tap-highlight-color:transparent}.skin-flow button{cursor:pointer}.skin-flow button:disabled{opacity:.45;cursor:not-allowed}.skin-flow a{color:inherit}.skin-flow button:focus-visible,.skin-flow a:focus-visible,.skin-flow input:focus-visible,.skin-flow summary:focus-visible,.skin-flow select:focus-visible{outline-offset:4px;outline:3px solid #ac893f}.skin-flow header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:25px 32px;display:flex}.skin-flow .brand{line-height:1;text-decoration:none}.skin-flow .brand b{letter-spacing:-1px;font-size:28px}.skin-flow .brand b span{letter-spacing:3px;margin-left:5px;font-size:13px}.skin-flow .brand small{letter-spacing:2.7px;margin-top:10px;font-size:8px;display:block}.skin-flow nav{align-items:center;gap:20px;display:flex}.skin-flow .pill,.skin-flow .eyebrow{letter-spacing:1px;font-size:11px}.skin-flow .pill{color:var(--muted);border:1px solid #d6dfe8;border-radius:30px;padding:6px 12px}.skin-flow{max-width:1200px;min-height:72vh;margin:auto;padding:44px 32px 70px}.skin-flow h1,.skin-flow h2,.skin-flow h3,.skin-flow p{margin-top:0}.skin-flow h1{letter-spacing:-1.5px;margin-bottom:25px;font-size:clamp(34px,4.3vw,60px);font-weight:550;line-height:1.25}.skin-flow h2{font-size:29px;font-weight:550;line-height:1.4}.skin-flow h3{font-size:18px}.skin-flow p{color:var(--muted)}.skin-flow .eyebrow{color:#527695;letter-spacing:3px;margin-bottom:20px;font-weight:600;display:block}.skin-flow .hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:15px 0 40px;display:grid}.skin-flow .hero-text>p{max-width:460px;font-size:16px;line-height:1.9}.skin-flow .hero h1 em{color:#64889e;font-style:normal}.skin-flow .hero-art{background:linear-gradient(145deg,#e6edf4,#fff);border-radius:150px 150px 16px 16px;justify-content:center;min-height:490px;display:flex;position:relative;overflow:hidden}.skin-flow .hero-art img{object-fit:cover;mix-blend-mode:normal;object-position:center 40%;width:100%;height:490px}.skin-flow .art-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe8;border:1px solid #fff;border-radius:12px;justify-content:space-between;align-items:center;padding:17px 21px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.skin-flow .art-tag small{color:var(--muted);font-size:11px}.skin-flow .art-tag strong{font-weight:500;display:block}.skin-flow .spark{font-size:25px}.skin-flow .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skin-flow .btn{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;min-height:48px;padding:13px 22px;font-weight:500}.skin-flow .btn:hover{background:#254c72}.skin-flow .btn.secondary{color:var(--ink);border-color:var(--line);background:#fff}.skin-flow .btn.secondary:hover{background:#eaf0f6}.skin-flow .text-btn{color:var(--ink);background:0 0;border:0;padding:8px 0;font-size:13px}.skin-flow .micro{color:var(--muted);margin-top:15px;font-size:12px}.skin-flow .note{color:#47617c;background:#eaf0f6;border-left:3px solid #8eaac3;border-radius:0 8px 8px 0;padding:13px 17px;font-size:13px}.skin-flow .features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;display:grid}.skin-flow .features b{color:#8ea7bb;font-family:Georgia,serif;font-size:25px;font-weight:400}.skin-flow .features h3{margin:4px 0}.skin-flow .features p{margin:0;font-size:13px}.skin-flow .section{margin-top:38px}.skin-flow .dims{flex-wrap:wrap;gap:10px;display:flex}.skin-flow .dims span{border:1px solid var(--line);background:#fff;border-radius:50px;padding:9px 15px;font-size:13px}.skin-flow .topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.skin-flow .steps{color:#748393;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.skin-flow .steps .active{color:var(--ink);font-weight:700}.skin-flow .progress{background:#dce5ed;border-radius:10px;height:4px;margin:12px 0 32px}.skin-flow .progress i{background:#467597;border-radius:10px;height:100%;transition:width .3s;display:block}.skin-flow .narrow{max-width:820px;margin:auto}.skin-flow .card{border:1px solid var(--line);background:#fff;border-radius:14px;margin:18px 0;padding:26px}.skin-flow .check{cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;display:flex}.skin-flow .check input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0;margin-top:3px}.skin-flow .photo-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skin-flow .photo{text-align:center;min-width:0;position:relative}.skin-flow .frame{aspect-ratio:3/4;background:#eaf0f5;border:1px dashed #a5b7c7;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.skin-flow .frame img{object-fit:cover;width:100%;height:100%}.skin-flow .face-guide{border:1.5px solid #a9bbc9;border-radius:45% 45% 48% 48%;width:58%;height:65%;position:relative}.skin-flow .face-guide:before{content:"";border-top:1px dashed #a9bbc9;position:absolute;top:38%;left:15%;right:15%}.skin-flow .face-guide:after{content:"";border-left:1px dashed #a9bbc9;position:absolute;top:12%;bottom:12%;left:50%}.skin-flow .photo .btn{width:100%;min-height:42px;margin-bottom:5px;padding:9px 13px;font-size:13px}.skin-flow .photo small{color:var(--muted);font-size:11px;display:block}.skin-flow .photo h3{margin:0 0 9px;font-size:15px}.skin-flow .quality{color:#527062;margin-top:7px;font-size:11px}.skin-flow .hidden{display:none!important}.skin-flow .camera{background:#102138;border-radius:12px;margin:15px 0;padding:16px}.skin-flow .camera video{border-radius:8px;width:100%;max-height:420px;transform:scaleX(-1)}.skin-flow .camera .actions{justify-content:center;margin-top:12px}.skin-flow .alert{color:#795224;background:#fff4e7;border:1px solid #e4c99f;border-radius:8px;margin:18px 0;padding:16px;font-size:13px}.skin-flow .question{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0 0 24px;padding:0 0 25px}.skin-flow .question:last-child{border-bottom:0;margin-bottom:0}.skin-flow .question legend{margin-bottom:15px;padding:0;font-size:17px;font-weight:500}.skin-flow .qnumber{color:#7b90a4;letter-spacing:1px;margin-right:8px;font-size:11px;display:inline-block}.skin-flow .options{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.skin-flow .option{cursor:pointer;position:relative}.skin-flow .option input{opacity:0;width:1px;height:1px;position:absolute}.skin-flow .option span{text-align:center;border:1px solid var(--line);border-radius:9px;padding:10px 4px;font-size:12px;transition:all .15s;display:block}.skin-flow .option b{margin-bottom:2px;font-size:19px;font-weight:500;display:block}.skin-flow .option input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.skin-flow .option input:focus-visible+span{outline-offset:2px;outline:3px solid #ac893f}.skin-flow .skip{color:var(--muted);align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.skin-flow .skip input{accent-color:var(--ink)}.skin-flow .qtitle{justify-content:space-between;align-items:flex-start;display:flex}.skin-flow .qtitle .icon{color:#94aabc;font-size:24px}.skin-flow .bottom-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:23px;display:flex}.skin-flow .fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.skin-flow .field label{margin-bottom:6px;font-size:14px;display:block}.skin-flow .field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.skin-flow .checks{flex-wrap:wrap;gap:13px;display:flex}.skin-flow .checks label{font-size:13px}.skin-flow .report-head{background:var(--ink);color:#fff;border-radius:14px;margin-bottom:24px;padding:30px;position:relative}.skin-flow .report-head p,.skin-flow .report-head .eyebrow{color:#becfdd}.skin-flow .report-head h2{margin-bottom:10px}.skin-flow .report-head small{color:#becfdd}.skin-flow .scores{grid-template-columns:1fr 1fr;gap:14px;display:grid}.skin-flow .score{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.skin-flow .score-name{justify-content:space-between;font-size:14px;display:flex}.skin-flow .score-name b{font-size:22px;font-weight:500}.skin-flow .bar{background:#e9eff4;border-radius:10px;height:7px;margin:14px 0 9px;overflow:hidden}.skin-flow .bar i{background:#63869f;border-radius:10px;height:100%;display:block}.skin-flow .score small{color:var(--muted);font-size:11px}.skin-flow .report-layout{grid-template-columns:1.65fr 1fr;align-items:start;gap:24px;display:grid}.skin-flow .report-layout .card{margin-top:0}.skin-flow .thumbs{gap:8px;margin-top:14px;display:flex}.skin-flow .thumbs img{object-fit:cover;border-radius:6px;width:70px;height:88px}.skin-flow .comparison{border-collapse:collapse;width:100%;font-size:13px}.skin-flow .comparison th,.skin-flow .comparison td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px}.skin-flow .record{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.skin-flow .record b{font-weight:500;display:block}.skin-flow .record small{color:var(--muted)}.skin-flow details{margin-top:18px;font-size:13px}.skin-flow summary{cursor:pointer;color:var(--ink)}.skin-flow details p{margin-top:10px}.skin-flow .empty{text-align:center;padding:60px 20px}.skin-flow .empty .spark{font-size:40px}.skin-flow footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);justify-content:space-between;gap:15px;margin:auto;padding:25px 32px;font-size:11px;display:flex}.skin-flow #toast{background:var(--ink);color:#fff;z-index:5;border-radius:9px;width:max-content;max-width:90vw;padding:12px 20px;font-size:13px;display:none;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.skin-flow .checkbox-list{gap:9px;display:grid}.skin-flow .report-layout ul{color:var(--muted);padding-left:18px;font-size:14px}.skin-flow dialog{border:1px solid var(--line);width:90%;max-width:460px;color:var(--ink);border-radius:14px;padding:26px}.skin-flow dialog::backdrop{background:#142d4c80}.skin-flow dialog p{font-size:14px}@media (width<=700px){.skin-flow header{padding:20px}.skin-flow nav{gap:12px}.skin-flow .brand b{font-size:23px}.skin-flow .brand b span{font-size:11px}.skin-flow .brand small{font-size:7px}.skin-flow .pill{padding:5px 8px;font-size:10px}.skin-flow{padding:26px 20px 45px}.skin-flow .hero{grid-template-columns:1fr;gap:26px;padding-top:8px}.skin-flow .hero-art{border-radius:90px 90px 12px 12px;min-height:280px}.skin-flow .hero-art img{object-fit:cover;object-position:center 40%;height:320px}.skin-flow .hero h1{letter-spacing:-1px;font-size:39px}.skin-flow .hero-text>p{font-size:14px}.skin-flow .hero .btn{flex:1}.skin-flow .features{gap:17px}.skin-flow .features h3{font-size:14px}.skin-flow .features p{font-size:11px}.skin-flow .features b{font-size:21px}.skin-flow .section{margin-top:27px}.skin-flow .card{padding:19px}.skin-flow .photo-grid{gap:9px}.skin-flow .photo .btn{padding:8px 3px;font-size:11px}.skin-flow .photo small{font-size:10px}.skin-flow .photo h3{font-size:13px}.skin-flow .options{gap:5px}.skin-flow .option span{padding:10px 2px;font-size:10px}.skin-flow .option b{font-size:19px}.skin-flow .question legend{font-size:16px}.skin-flow .fields,.skin-flow .report-layout{grid-template-columns:1fr}.skin-flow .scores{gap:10px}.skin-flow .score{padding:15px}.skin-flow .score-name{font-size:12px}.skin-flow .score-name b{font-size:20px}.skin-flow .report-head{padding:24px}.skin-flow .topline{align-items:flex-start}.skin-flow .steps{gap:7px;font-size:10px}.skin-flow .report-layout{gap:5px}.skin-flow footer{flex-direction:column;gap:4px;padding:20px}.skin-flow .record{flex-wrap:wrap}.skin-flow .art-tag{padding:10px 16px;bottom:16px;left:16px;right:16px}.skin-flow .eyebrow{letter-spacing:2px;font-size:10px}}@media print{.skin-flow header nav,.skin-flow footer,.skin-flow .actions,.skin-flow .bottom-nav,.skin-flow .text-btn,.skin-flow button,.skin-flow .no-print{display:none!important}.skin-flow{padding:0}.skin-flow .report-layout{display:block}.skin-flow .score,.skin-flow .card{break-inside:avoid}.skin-flow .report-head{color:var(--ink);border:1px solid var(--line);background:#fff}.skin-flow .report-head p,.skin-flow .report-head small{color:var(--muted)}.skin-flow{background:#fff}}.skin-flow{--ink:#102a43;--blue:#087fdb;--muted:#60758a;--line:#dceaf4;background:0 0;width:min(1180px,100% - 40px);padding:38px 0 70px;font-family:inherit;font-size:17px;line-height:1.75}.skin-flow[hidden]{display:none}.skin-flow .btn{background:linear-gradient(135deg,#087fdb,#079bc7);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #0070c425}.skin-flow .btn.secondary{color:#00599f;box-shadow:none;background:#effaff;border:1px solid #abd9ef}.skin-flow .btn:hover{filter:brightness(.96)}.skin-flow .card,.skin-flow .score{border-radius:22px;box-shadow:0 12px 35px #1a5f8910}.skin-flow h2{letter-spacing:-.035em;font-size:clamp(28px,4vw,40px);font-weight:850}.skin-flow h3{font-weight:800}.skin-flow .eyebrow{color:#00599f;letter-spacing:.1em;font-size:13px}.skin-flow .progress{height:7px}.skin-flow .progress i,.skin-flow .bar i{background:linear-gradient(90deg,#087fdb,#22b8cf)}.skin-flow .option input:checked+span{background:#087fdb;border-color:#087fdb}.skin-flow .face-guide{box-shadow:none;inset:auto;transform:none}.skin-flow .micro,.skin-flow .text-btn,.skin-flow details{font-size:14px}.skin-flow .note{background:#eff9ff;border-color:#087fdb;font-size:14px}.skin-flow .report-head{background:linear-gradient(120deg,#10334e,#087fdb);border-radius:24px}.skin-flow button:focus-visible,.skin-flow a:focus-visible,.skin-flow input:focus-visible,.skin-flow summary:focus-visible,.skin-flow select:focus-visible,.skin-flow .option input:focus-visible+span{outline-color:#087fdb}.skin-flow .photo .btn{min-height:46px}.skin-flow .photo .text-btn{min-height:44px}.skin-flow .question legend{font-size:19px;font-weight:700}.skin-flow .check{font-size:16px}.skin-flow .option span{font-size:13px}.skin-flow dialog{background:#fff}.skin-flow #toast{z-index:60}.skin-check-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:min(1180px,100% - 40px);margin:18px auto 0;display:flex}.skin-check-toolbar nav{gap:16px;display:flex}.skin-check-toolbar button,.skin-check-toolbar a{color:#00599f;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;text-decoration:none}.skin-check-toolbar button:disabled{opacity:.5;cursor:wait}.skin-check .skin-portrait{object-fit:cover;object-position:center 35%;width:100%;height:100%}.skin-check .skin-information{color:#60758a;width:min(1180px,100% - 40px);margin:30px auto 60px;font-size:15px;line-height:1.8}.skin-check .skin-information summary{cursor:pointer;color:#00599f;font-weight:700}.skin-check .skin-dimensions{flex-wrap:wrap;gap:10px;margin:0 0 24px;display:flex}.skin-check .skin-dimensions span{background:#fff;border:1px solid #dceaf4;border-radius:24px;padding:9px 15px}.skin-check .skin-language-note{color:#60758a;width:min(1180px,100% - 40px);margin:18px auto}@media (width<=700px){.skin-flow{padding-top:26px}.skin-flow .card{padding:20px}.skin-flow .photo-grid{grid-template-columns:1fr}.skin-flow .photo{width:100%;max-width:380px;margin:auto}.skin-flow .photo h3{font-size:18px}.skin-flow .frame{max-height:320px}.skin-flow .photo .btn{font-size:15px}.skin-flow .topline{flex-direction:column;gap:10px}.skin-flow .steps{font-size:13px}.skin-flow .bottom-nav{flex-wrap:wrap}.skin-check-toolbar .privacy-pill,.skin-flow .option span{font-size:12px}}@media print{.skin-check .skin-check-toolbar,.skin-check>.footer{display:none!important}body:has(.skin-check) .site-language-bar{display:none!important}body:has(.skin-check) .shared-site-header{display:none!important}.skin-flow{width:100%;min-height:0;padding:0}.skin-flow .report-head{background:#fff}}